WordPress Bildstorlekar: Hur bilder fungerar på WordPress och bästa praxis för din webbplats

Maddy Osman
7 Min.
Bästa WordPress  Bilder Storlekar

Med WordPress är det enkelt att lägga till bilder till dina blogginlägg och sidor. Men för att bilderna ska se bra ut bör du välja rätt bildstorlek. Det är det vi pratar om idag: WordPress Bildstorlekar.

Det är viktigt att veta hur bildstorlekar fungerar på WordPress och hur du kan lägga till anpassade bildstorlekar på din webbplats. Då kan du använda den lämpligaste bildfilen i rätt storlek och på rätt plats. 

Rätt bildstorlek gör inte bara att din webbplats ser mer enhetlig ut, utan också att dina blogginlägg blir lättare att dela. I den här artikeln får du veta hur du använder rätt bildstorlekar för din webbplats WordPress .

Vi tar upp följande ämnen: 

  • Hur WordPress hanterar de bilder du laddar upp
  • Hur du ändrar storlek och redigerar bilder i WordPress
  • De bästa bildstorlekarna för WordPress
  • Bästa praxis för WordPress bildstorlekar
  • Så här lägger du till anpassade bildstorlekar för WordPress
  • Slutsats om WordPress Bildstorlekar och allmänna bästa praxis

Hur WordPress hanterar de bilder du laddar upp

Som redan nämnts är bildens storlek viktig för WordPress . Om du väljer fel storlek kommer bilderna att se suddiga ut. Ännu värre är att om dina bilder är för stora kan de sakta ner din webbplats.

Felaktig bildstorlek kan också störa layouten på din sida eller ditt blogginlägg och orsaka onödig sidoscrollning. Den goda nyheten är att WordPress har en inbyggd inställning som hjälper dig att undvika dessa problem

WordPress Bildstorlekar

  • Storlek på miniatyrbild: 150 x 150 pixlar
  • Medelstorlek: 300 x 300 pixlar 
  • Största storlek: 1024 x 1024 pixlar
  • Full storlek: motsvarar originalstorleken på den uppladdade bilden som standard.

När du laddar upp en bild i WordPress Dessa fyra olika bildstorlekar skapas som standard. 

Anledningen till att WordPress skapar dessa bildstorlekar är tvåfaldig. För det första behöver du inte ändra storleken på bilderna manuellt. För det andra ser den till att rätt bildstorlek väljs för olika ställen på webbplatsen. 

WordPress visar t.ex. miniatyrbilderna i en lista över blogginlägg i en widget i sidofältet eller sidofoten. En bild som ska visas i rubriken eller i själva inlägget måste dock vara större. Därför väljer WordPress en av de större bildstorlekarna för att säkerställa att bilden kan ses tydligt. 

Om du vill använda samma bild på olika ställen på din webbplats behöver du inte slösa tid på att ändra storlek manuellt eller komma ihåg vilken bildstorlek du behöver. Ladda bara upp en bild - WordPress tar hand om resten. 

Hur du ändrar storlek och redigerar bilder i WordPress

Med WordPress kan du ändra storleken på standardbilderna i WordPress . Det räcker med några få klick för att ställa in bildstorlekarna på nolltid. 

Om du vill ändra standardbildstorlekarna går du till Inställningar > Media. Som du kan se i skärmbilden finns alla standardbildstorlekar listade där. Du kan enkelt justera dem genom att ange dina önskade mått.

Standardbildstorlekar i WordPress
Standardbildstorlekar i WordPress

När du har justerat standardstorlekarna för WordPress -bilderna till dina önskade mått klickar du på Spara ändringar. I framtiden kommer alla bilder som du laddar upp till din webbplats att anpassas till de nya dimensionerna. 

När du bör ändra standardstorlekarna för WordPress -bilderna

Det finns några situationer där du kan behöva ändra standardstorlekarna för WordPress -bilder. Om du till exempel har köpt en WordPress Theme som använder anpassade bildstorlekar och vill se till att WordPress ändrar storleken på dina uppladdade bilder till dessa dimensioner. 

Ett annat exempel är kreatörer som behöver specifika bildstorlekar för att visa upp sitt arbete. Det kan också vara nödvändigt att ändra standardbildstorlekarna om du har en webbutik och behöver specifika bildstorlekar för dina produktbilder.

De bästa bildstorlekarna för WordPress

Bilder används på många olika ställen på din webbplats. 

Här är de bästa bildstorlekarna för WordPress , beroende på var du vill använda dem:

  • Bilder till blogginlägg bör vara 1200 x 630 pixlar.
  • Storleken på WordPress -huvudbilden ska vara 1048 x 250 pixlar.
  • Den presenterade bilden ska vara 1200 x 900 pixlar i liggande läge eller 900 x 1200 pixlar i stående läge.
  • Bakgrundsbilderna ska vara 1920 x 1080 pixlar
  • Logotypbilder ska vara 200 x 100 pixlar stora.
  • Miniatyrbilderna ska vara 150 x 150 pixlar stora.

Bästa praxis för WordPress bildstorlekar

Förutom rätt bildstorlek finns det några andra bästa metoder för WordPress bildstorlekar. 

Optimera filstorleken på bilder

Bilder är ofta en av huvudorsakerna till långsamma laddningstider. Om dina bildfiler är för stora måste din publik vänta länge på att webbläsaren ska ladda ner dem och göra dem synliga. 

Innan du laddar upp bilder till din webbplats bör du därför minska filstorleken. I allmänhet bör du sträva efter en filstorlek på 150 KB eller mindre när det gäller bilder. Du kan minska filstorleken genom att spara bilden med lägre kvalitet. 

När det gäller stora foton, t.ex. bakgrundsbilder, måste du hitta en bra balans mellan filstorlek och kvalitet. Med andra ord vill du minska filstorleken men förhindra att bilden blir pixlig.

Optimera bilderna för WordPress : De 6 mest populära Plugins för bildkomprimering

Du kan också använda verktyg för bildkomprimering. Dessa hjälper dig att minska filstorleken utan att kompromissa med kvaliteten. Vi presenterar 5 Plugins för att optimera dina bilder.

TinyPNG, ett verktyg för bildkomprimering
TinyPNG, ett verktyg för bildkomprimering

TinyJPG är ett verktyg för bildkomprimering online som gör att du kan minska storleken på dina bilder avsevärt - till och med med upp till 70 procent - utan att kompromissa med kvaliteten. 

Du kan komprimera upp till 20 bilder med en storlek på upp till 5 MB på en gång gratis. Du kan också registrera dig för TInyJPG:s Pro-plan, som börjar på 25 dollar per år och användare:in. Med Pro-planen kan du komprimera fler än 20 bilder samtidigt och ta bort storleksgränsen på 5 MB för WordPress bilder.  

TinyJPG är en utmärkt lösning för bilder som du vill ladda upp till din webbplats. Men hur är det med bilder som redan finns på din webbplats? Det är här som en Plugin som ShortPixel kommer in i bilden. 

ShortPixel Image Optimizer Plugin för WordPress
ShortPixel Image Optimizer Plugin för WordPress

Plugin hjälper dig att komprimera bilder som du redan har laddat upp till din webbplats. Den bearbetar och komprimerar också alla framtida uppladdningar av bilder. Den minskar filstorleken med upp till 75 procent utan någon märkbar kvalitetsförlust. 

Dessutom kan du använda Plugin för att konvertera alla JPG-, PNG- och GIF-bildformat till WebP- och AVIF-format, som uttryckligen utvecklats för förlustfri och förlustfylld komprimering av bilder på webben och i ditt mediebibliotek.

ShortPixel är gratis för upp till 100 bilder/månad. Du kan köpa ytterligare bildkrediter från 4,99 dollar för 7 000 bildkrediter.

Använd rätt bildtyp

Med WordPress kan du ladda upp bilder i olika format. Vanligtvis sparas bilder som JPG, PNG eller GIF. Alla dessa format har dock sina egna för- och nackdelar. 

Här är en översikt över de olika typerna av bilder :

  • JPG (JPEG) står för Joint Photographic Experts Group. Denna filtyp stöder 16 miljoner färger och har vanligtvis den minsta filstorleken för foton. Den här filtypen är perfekt för bakgrundsbilder, produktbilder, bilder som presenteras och i allmänhet alla bilder som du vill använda på din webbplats. 
  • PNG står för Portable Network Graphic (bärbar nätverksgrafik). Detta bildformat stöder färre färger än JPG. Du kan dock spara bilder med en transparent bakgrund. Det är ett bra val för logotypbilder, bakgrundsmönster, dekorativ webbplatsgrafik, ikoner för sociala medier och liknande. Bilder som sparas som PNG kan ge större filer om bilden innehåller många detaljer. 
  • GIF står för Graphics Interchange Format och stöder 256 färger och transparens. GIF:er kan också vara animerade. GIF:er kan vara små, men de kan också resultera i större filer om de innehåller komplexa animationer. 

Håll ett öga på bildupplösningen

En annan aspekt som du bör tänka på när du optimerar bilder för webben är bildupplösningen. Bildupplösningen mäts i punkter per tum (DPI) och bestämmer bildens kvalitet. Ju högre DPI-värde, desto högre bildupplösning. 

För webbändamål bör bildupplösningen vara 72 DPI, eftersom det är standard. En högre upplösning ger en större storlek och bidrar till att din webbplats laddas långsamt. 

Lägg till anpassade bildstorlekar WordPress

Du kan lägga till anpassade bildstorlekar genom att redigera filen functions.php. Låt oss säga att du vill lägga till en anpassad bildstorlek för den presenterade bilden. 

För att lägga till dem på din Theme behöver du bara göra följande:

I instrumentpanelen på WordPress går du till Utseende > Redigerare. Öppna filen functions.php och leta efter följande kodrad:

add_theme_support( 'post thumbnails' );

Om du inte hittar den där, lägg till den här raden och klicka sedan på knappen Uppdatera fil. Lägg sedan till följande rad i filen functions.php: 

add_image_size( 'blog featured image', 1280, 630 );

Ovanstående rad lägger till den anpassade storleken till ditt tema och anger bredden och höjden för den nya bildstorleken. Uppdatera filen för att spara ändringarna. 

Därefter måste du uppdatera koden i din Theme för att visa den nya anpassade bildstorleken som du kan välja när du laddar upp. Den här gången öppnar du filen index.php och infogar följande kodrad: 

the_post_thumbnail( 'blog featured image' ); 

Bild regenerera och välja Crop Plugin för WordPress
Bild regenerera och välja Crop Plugin för WordPress

Uppdatera sedan filen för att spara ändringarna. Kom ihåg att din anpassade bildstorlek skrivs över vid varje uppdatering av Theme om du använder den manuella metoden. 

Därför rekommenderar vi att du använder ett underprogram Theme eller lägger till anpassade bildstorlekar med Plugin Image Regenerate & Select Crop. Med den här Plugin kan du enkelt registrera nya anpassade bildstorlekar och återskapa miniatyrbilderna i enlighet med de nya bildstorlekarna. 

Slutsats: WordPress Bildstorlekar och allmän praxis

Bilder hjälper dig att berätta din historia och gör det lättare för dina läsare att relatera till dina inlägg och väcka deras intresse. 

Därför är det viktigt att du väljer rätt storlek för din webbplats. Tipsen i den här artikeln hjälper dig att ställa in rätt storlek på dina bilder och lägga till anpassade bildstorlekar på WordPress . 

För att se till att dina ansträngningar att optimera bildstorleken på WordPress ger resultat bör du säkra din webbplats med ett pålitligt webbhotell. Det är ingen idé att snabba upp din webbplats om den är knuten till ett sämre webbhotell. 

Prova WordPress hosting med RAIDBOXES för att ge din webbplats de snabba laddningstider som din målgrupp förtjänar. Du kan kontakta oss om du vill veta mer om fördelarna med förvaltat WordPress -hosting

Dina frågor om WordPress Bildstorlekar

Vilka frågor har du om WordPress bildstorlekar? Vi ser fram emot dina kommentarer. Är du intresserad av aktuella ämnen som rör WordPress och webbdesign? Följ sedan RAIDBOXES på Twitter och Facebook, LinkedIn eller via vårt nyhetsbrev.

Maddy Osman är SEO Content Strateg. Det fungerar med utvalda kunder i WordPress och webbhotell område. På grund av sin bakgrund inom webbdesign och WordPress hon har en djup förståelse för SEO - och vet exakt hur man kopplar varumärken med SEO-relevant innehåll.

Liknande artiklar

Kommentarer om den här artikeln

Skriva en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *.