Många webbplatser ställer in sin bildstorlek på 1200x628px eftersom detta i allmänhet fungerar bra över de flesta WordPress-teman och sidlayouter. Men det betyder inte nödvändigtvis att det är rätt val för din webbplats.
Du är inte bunden till en uppsättning parametrar, och olika dimensioner kan visas rent över flera teman och layouter, så du bör leka med dina alternativ för att hitta den bästa passformen för din webbplats.
Hur du justerar din WordPress-utvalda bildstorlek
WordPress har fyra standardbildstorlekar. Dessa olika storlekar formateras automatiskt när du laddar upp en bild till ditt mediebibliotek. Du kan hitta dem i din WordPress-instrumentpanels avsnitt “Mediainställningar”.
Här är en snabb sammanfattning av var och en av dem:
- Miniatyrstorlek: Termerna “miniatyr” och “utvald bild” är utbytbara på WordPress. Miniatyrstorlekens standard är 150 x 150 pixlar, vilket är ganska litet och fungerar inte med de flesta teman och sidlayouter.
- Medium storlek: Standardmax är 300 x 300 pixlar. Som en bild i mindre storlek fungerar den här storleken bra för widgets eller sidofält.
- Stor storlek: Standardmaxvärdet är 1024 x 1024 pixlar. Detta är betydligt större än de andra storlekarna, så det är mer lämpligt för att visas i huvudinnehållsområden eller som sidhuvudbilder. Det möjliggör kvalitetsbilddetaljer samtidigt som bilden ramas in i sidlayouten.
- Full storlek: Detta alternativ visar bilden i dess ursprungliga storlek utan någon inställd dimension. En bild i full storlek kan variera från mycket små till stora, högupplösta bilder. (Du ser inte alternativet för full storlek i avsnittet “Mediainställningar” i WordPress eftersom det inte finns några mått att ställa in – det är bara bilden i full storlek.)
När du justerar storleken på miniatyrbilden/utvalda bilder hjälper det att ha en utgångspunkt i åtanke. En bra tumregel är att använda dimensioner som står i proportion till din webbplats layout och designelement.
Det är också viktigt att använda bilder med tillräckligt hög upplösning för att undvika att dina bilder blir suddiga eller feljusterade.
Här är en steg-för-steg-genomgång för att ändra standardstorleken för miniatyrer/utvalda bilder:
- Välj “Inställningar” och sedan “Media” på din instrumentpanel.
- Ange önskade mått i fälten “Bredd” och “Höjd” bredvid miniatyrstorleken.
- Klicka sedan på “Spara ändringar”.
När du är i avsnittet “Medieinställningar” kan du även justera måtten på andra bildstorlekar.
Skäl att anpassa din WordPress-utvalda bildstorlek
Vilka fördelar kan du förvänta dig av att anpassa din utvalda bildstorlek? Här är några anledningar till att du kanske vill överväga att göra dessa justeringar:
- Anpassning till sociala medieplattformar: Olika sociala medieplattformar har optimala bildstorlekar för att visa delat innehåll. Att anpassa dina utvalda bilder för att passa dessa dimensioner innebär att när dina artiklar delas ser de mer tilltalande ut och kommer att kännas som att de är skräddarsydda för plattformen.
- Förbättrad webblayout och design: Utvalda bilder skräddarsydda för att passa din webbplats design kan förbättra dess övergripande visuella koherens. Denna anpassning kan hjälpa till att upprätthålla ett balanserat utseende på din webbplats, särskilt på startsidan eller kategorimålsidorna där flera inlägg sammanfattas.
- Bättre lastningshastigheter: Att optimera utvalda bildstorlekar kan leda till snabbare sidladdningstider, vilket innebär att läsarna är mindre benägna att bli otåliga och klicka ut från sidan. Mindre, väloptimerade bilder laddas snabbare, vilket ger en bättre användarupplevelse, särskilt på mobila enheter.
- Riktat användarengagemang: Anpassade bildstorlekar kan hjälpa till att rikta in sig på specifika områden på din webbplats där användarengagemang är avgörande. Till exempel kan större, mer detaljerade bilder användas för utvalda artiklar eller huvudsakliga blogginlägg för att få uppmärksamhet och uppmuntra klick.
Titta på dina huvudkanaler, testa din webbplatshastighet och granska dina bilder för att se om storleken på dem kan gynna din webbplats.
Åsidosättanden som påverkar utvalda bilder
Du bör också överväga andra faktorer som kan påverka dimensionerna på dina utvalda bilder. Detta hjälper dig att felsöka om dina mått inte visas korrekt efter genomgången ovan.
Tema åsidosätter
Många WordPress-teman har fördefinierade inställningar som kan åsidosätta standardbildstorlekar. Dessa dimensioner är valda för att matcha temats unika design och layout. Tänk på att justering av bildstorleken inom ett tema kan påverka andra visuella element i sidans design.
CSS åsidosätter
Cascading Style Sheets (CSS) gör det möjligt för webbdesigners att justera utseendet på element på webbsidor, inklusive bilder. Om någon har lagt till kod till din webbplats CSS, kan det åsidosätta den utvalda bildstorleken som anges i medieinställningarna.
Plugin åsidosätter
SEO-plugins, som Yoast SEO, kan påverka presentationen av utvalda bilder, särskilt på sociala medier, genom att ange en specifik bild som Open Graph-bilden när den delas på sociala plattformar. Bildoptimeringsplugins fokuserar också på komprimering och storleksändring och kan ändra dimensionerna och filstorlekarna för utvalda bilder under bearbetning.
Kodsnuttar
Du kan anpassa hur WordPress hanterar utvalda bilder genom att ändra filen “functions.php” i ditt tema. Detta låter dig lägga till nya bildstorlekar eller ändra befintliga.
Genom att använda krokar som “add_filter” eller “add_action” kan du också påverka beteendet hos utvalda bilder genom att beskära eller ändra storlek på dem för olika sammanhang.
Förstå rollen för utvalda bilder i WordPress
När du laddar upp en bild till WordPress skapar den automatiskt tre mindre versioner av denna bild. Detta sparar laddningstid genom att förhindra att stora, högupplösta bilder dras upp för varje sida eller inlägg.
Hur utvalda bilder fylls på webbplatser
Utvalda bilder är vanligtvis inställda för inlägg eller sidor och visas i:
- Hemsida och arkivsidor: De representerar visuellt innehållet i sammanfattningar eller länkar till fullständiga inlägg.
- Enstaka inlägg och sidor: Dina utvalda bilder kan visas tydligt överst i innehållet eller integreras i, beroende på temat.
- Sociala medier: När du delar ett blogginlägg på sociala medier dras den utvalda bilden för att förhandsgranska länken. Denna bild, vald för att representera innehållet visuellt, hjälper till att öka engagemanget och klickfrekvensen från sociala medieplattformar som Facebook eller Twitter.
Genom att noggrant överväga dimensionerna på din utvalda bild kan du replikera dess avsedda visuella effekt på olika plattformar och sidtyper, vilket skapar ett mer sammanhållet och konsekvent utseende på din webbplats och utanför.
