Vill du lära dig om WordPress-bildstorlekar?
Vi får ofta frågan av nybörjare vilka bildstorlekar de ska använda på sin WordPress-sajt och hur WordPress hanterar bilder inom olika områden.
I den här nybörjarguiden kommer vi att förklara vanliga WordPress-bildstorlekar och dela med oss av bästa praxis om hur du vet vilka storlekar som ska användas på din webbplats.
Vad är en bildstorlek?
Bildstorlek avser i allmänhet bredden och höjden på en bild mätt i pixlar. Till exempel betyder 1600×900 pixlar en bild som är 1600 pixlar bred och 900 pixlar hög.
Dessa mått kallas även bildmått.
I grund och botten har en bild med större dimensioner fler pixlar, vilket kommer att öka bildfilens storlek.
Bildfilstorlek är det utrymme en bildfil tar upp på en dator och mäts i byte. Till exempel 100 KB (kilobyte).
Om en bild har en större filstorlek tar det längre tid för användare att ladda ner och kommer att påverka hastigheten och prestandan på din webbplats. Det är därför det är viktigt att hålla bildfilens storlek så liten som möjligt, samtidigt som bilden har rätt dimensioner.
Vilket för oss till bildfilformat.
Bildfilformat är komprimeringstekniker för att spara dina bildfiler. De mest använda på webben är JPEG och PNG.
Bilder som fotografier som innehåller fler färger kan komprimeras bättre med JPEG-filformatet.
Å andra sidan kan bilder som illustrationer med mindre färgdetaljer använda PNG för bättre resultat.
För mer information om bildfilformat, se vår artikel om hur du optimerar bilder i WordPress.
Med det sagt, låt oss ta en titt på vilka bildstorlekar som ska användas i WordPress för olika delar av din webbplats.
Hur stora ska mina bilder vara för min WordPress-webbplats?
För en genomsnittlig WordPress-webbplats kommer du att använda bilder i flera delar av din webbplats. Du behöver bilder för dina blogginlägg, miniatyrer, sidhuvuden, omslagsbilder och mer.
WordPress hanterar automatiskt vissa av bildfilstorlekarna som standard. Varje gång du laddar upp en bild kommer WordPress automatiskt att göra flera kopior av den i olika storlekar.
Du kan se och till och med justera WordPress standardbildstorlekar genom att besöka Inställningar » Media sida i WordPress-administratörsområdet.
Du kommer att se tre storlekar: Medium, Miniature och Large.
Ditt WordPress-tema kan dock skapa sina egna ytterligare bildstorlekar och använda dem för olika delar av din webbplats.
Dessa storlekar kommer inte att vara synliga på mediaskärmen och det enda sättet att se dessa ytterligare storlekar är genom att gå till filhanteraren i ditt WordPress-värdkonto.
Navigera sedan till mappen /wp-content/uploads/ och välj valfri årsmapp där att utforska. Detta hjälper dig att se de olika bildstorlekarna som din WordPress-webbplats genererar.
Som sagt, låt oss ta en titt på de olika områdena på din webbplats och vilka bildstorlekar du bör använda i dessa områden.
Vilka bildstorlekar som ska användas i blogginlägg
Du bör välja bildstorlek för dina blogginlägg baserat på ditt WordPress-tema.
Till exempel kommer vissa WordPress-teman med en enda kolumnlayout som gör att du kan använda större bilder.
Å andra sidan använder vissa WordPress-teman layouter med flera kolumner (innehåll + sidofält), vilket innebär att du måste anpassa bildens bredd därefter.
För de flesta bloggar kan du använda följande bildstorlekar:
- En kolumn layout: 1200×675
- Layout med två kolumner: 680×382
Nu kanske du märker att många populära WordPress-webbplatser använder samma bildbredd för alla bilder i en artikel. Detta är dock inte en hård och snabb regel.
Om du till exempel behöver lägga till blocket “Media och text” kan du justera bildstorleken därefter. I följande exempel använder vi en bild i vertikal storlek bredvid text.
På samma sätt kanske du vill använda fyrkantiga bilder i vissa situationer.
Här är till exempel ett exempel på kvadratiska bilder som används i en layout med flera kolumner.
När du använder fyrkantiga bilder behöver du helt enkelt se till att bildens mått är samma bredd och höjd, till exempel 300 x 300 pixlar.
Vilka bildstorlekar som ska användas för utvalda bilder
Utvalda bilder, även kallade inläggsminiatyrer, är en funktion i WordPress-temat. Det betyder att ditt tema kommer att avgöra storleken på bilderna som kommer att visas.
Till exempel kan vissa WordPress-teman använda ett standardformat 16:9 för utvalda bildstorlekar (t.ex. 680×382 pixlar).
Vissa WordPress-teman kan också använda den utvalda bilden som en större huvudbild. För att göra detta kan de behöva större bilder (som 1200×675).
Utvalda bilder är viktiga eftersom ditt WordPress-tema kan använda dem i olika delar av din webbplats. De är ofta det första dina besökare ser, så du vill göra ett bra första intryck.
Vi rekommenderar att du använder större bilder, så att de fortfarande ser vackra ut oavsett om de är nedskalade eller används i större lägen.
På samma sätt, om ditt WordPress-tema använder kvadratiska bilder som en utvald bild, rekommenderar vi att du använder bilder på minst 600 × 600 pixlar.
- För teman som använder rektangulära utvalda bilder: 1200×687 pixlar
- För teman som använder fyrkantiga utvalda bilder: 600×600 pixlar
Ditt WordPress-tema kommer att generera ytterligare storlekar för utvalda bilder som ska användas i olika områden, som startsidan, bloggsidan eller arkivsidorna.
Vilka bildstorlekar som ska användas för sociala nätverk
Nu, om ditt WordPress-tema använder utvalda bilder med ett bildförhållande på 16:9, kan du också använda dem som bilder på sociala medier för Twitter och Facebook.
Du måste dock uttryckligen tala om för dessa plattformar vilken bild du vill visa när någon delar en artikel från din webbplats.
För att göra det behöver du Allt i en SEO plugin för WordPress. Det är det bästa WordPress SEO-plugin på marknaden som används av över 3 miljoner webbplatser. Det hjälper dig att optimera din webbplats för sökmotorer och sociala medieplattformar.
Notera: Det finns också ett begränsat antal gratisversionen av Allt i ett SEO som du kan prova.
Först måste du installera och aktivera plugin-programmet. För mer information, se vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.
Efter aktivering kommer plugin-programmet att starta installationsguiden. Följ instruktionerna på skärmen för att slutföra guiden. Du kan också kolla in vår guide om hur du ställer in Allt i ett SEO för steg-för-steg-instruktioner.
Efter det måste du besöka SEO allt i ett » Sociala nätverk sida och växla till Facebook-fliken. Härifrån kan du ställa in “Utvald bild” som din standardbildkälla för Open Graph.
Sedan kan du byta till Twitter-fliken och göra detsamma.
Glöm inte att klicka på knappen Spara ändringar för att spara dina inställningar.
Nu, om ditt WordPress-tema använder bilder i en annan storlek, kanske Facebook och Twitter inte kan visa dessa bilder korrekt.
I så fall kan du förse sociala medieplattformar med en anpassad bild.
Skapa helt enkelt en bild med bildförhållandet 16:9 (1200×675 pixlar eller 680×382 pixlar). Redigera sedan inlägget eller sidan och scrolla ner till avsnittet AIOSEO-inställningar under redigeraren.
Härifrån måste du byta till fliken Socialt och rulla ner till avsnittet Bildkälla. Från rullgardinsmenyn väljer du Anpassad bild och laddar sedan upp din Facebook-bild.
Du måste också upprepa processen på Twitter-fliken.
Du måste göra detta för alla artiklar du publicerar för att säkerställa att sociala nätverk använder bilden du vill att de ska använda.
För fler bildstorlekar för sociala medier, kolla in vårt WordPress-fuskblad för sociala medier för nybörjare.
Vilken bildstorlek du ska använda för din webbplatslogotyp i WordPress
Många WordPress-teman låter dig veta vilken bildstorlek du ska använda för din webbplatslogotyp.
Till exempel visar vårt demo-tema detta meddelande när vi försöker ladda upp en logotyp.
Men om du använder ett nyare WordPress-tema med fullständig webbplatsredigeringsfunktion, kanske du inte får någon rekommendation för logotypens bildstorlek.
I så fall rekommenderar vi att du laddar upp olika stilar och storlekar för att se vilken som passar bäst med ditt varumärke. En logotypbildstorlek på 300×200 pixlar kan vara en bra utgångspunkt.
Redigera bilder för din WordPress-webbplats
De flesta WordPress-användare är inte grafiska formgivare till yrket. Du måste dock använda bildredigeringsprogram för att skapa bildstorlekar för din WordPress-webbplats.
WordPress själv kommer med några grundläggande bildredigeringsverktyg. För att använda dem, gå helt enkelt till Media bibliotek sida och klicka på en bild.
Detta öppnar bilden i ett popup-fönster där du ser en knapp för att redigera bilden.
Detta öppnar redigeringsalternativen.
Verktygen inkluderar storleksändring, beskärning, rotering och vändning av grundläggande bilder.
Denna grundläggande bildredigering är användbar om du behöver fixa en bild snabbt. Det är dock inte det bästa sättet att redigera dina bilder på en daglig basis.
Lyckligtvis finns det flera gratis och billiga alternativ du kan använda.
- Canva – Gratis webbaserad bildredigeringsprogramvara. Den innehåller också färdiga mallar för webbplatsbilder, logotyper, bilder på sociala medier och mer.
- Pixlr – En gratis webbaserad bildredigeringsprogramvara. Det kan användas för att enkelt ändra storlek på bilder i dina blogginlägg.
- Gimp – Gratis och öppen källkod för bildredigeringsprogram. Det fungerar som ett inbyggt skrivbordsprogram på Windows, Mac och Linux. Det kan användas för att ändra storlek på bilder, lägga till textlager, redigera foton och mer.
Vi hoppas att den här artikeln hjälpte dig att lära dig mer om WordPress-bildstorlekar och vilka bildstorlekar du ska använda på din webbplats. Du kanske också vill se vår guide om hur du väljer den bästa webbplatsbyggaren eller vårt expertval av de bästa WordPress-plugins för småföretagssajter.
