Bildstorlekar för webbplatser, e-post och sociala medier
En referenstabell med pixelmått och bildförhållanden för webbsidor, länkförhandsvisningar, e-post och alla stora sociala plattformar.
Laddar du upp en bild i fel storlek får du antingen ett suddigt resultat, ett motiv som beskärs eller en sida som laddar långsamt. Den här referensen samlar de mått som fungerar 2026, tillsammans med resonemanget bakom, så att du kan fatta kloka beslut när en plattform ändrar sina regler.
Två principer
Matcha visningsstorleken och räkna med skärmar med hög pixeltäthet. De flesta mobiler och bärbara datorer har i dag skärmar med två eller tre fysiska pixlar per CSS-pixel. En bild som visas 600 CSS-pixlar bred bör vara 1 200 pixlar bred för att se skarp ut. Att gå över 2 gånger ger större fil utan synlig vinst.
Få till bildförhållandet innan du bryr dig om antalet pixlar. Plattformar beskär automatiskt till sitt favoritförhållande, och automatiska beskärningar klipper av huvuden och logotyper. Beskär till rätt förhållande själv med beskärningsverktyget och ändra sedan storlek med verktyget för att ändra storlek.
Bilder på webbplatser
| Användning | Bredd | Förhållande | Målstorlek för filen |
|---|---|---|---|
| Toppbild i full bredd | 1 920 px (2 560 för mycket stora skärmar) | 16:9 eller 21:9 | Under 300 KB som WebP |
| Innehålls- eller bloggbild | 1 200 till 1 600 px | 3:2 eller 16:9 | Under 150 KB |
| Kort eller miniatyr i rutnät | 600 till 800 px | Samma i hela rutnätet | Under 60 KB |
| Produktbild | 1 200 till 2 000 px | 1:1 eller 4:5 | Under 200 KB, större för zoom |
| Logotyp (raster) | 2 gånger visningsstorleken | Som den är designad | PNG eller SVG |
| Open Graph / länkförhandsvisning | 1 200 × 630 px | 1,91:1 | Under 300 KB, JPG eller PNG |
| Favicon | 16, 32, 48, 64 px i en och samma .ico | 1:1 | Pytteliten |
| Apple touch icon | 180 × 180 px | 1:1 | PNG |
E-post
E-postprogram visar meddelanden i en fast bredd, oftast 600 till 640 pixlar för själva meddelandet. Leverera bilderna 1 200 px breda (2 gånger för retina) och håll hela meddelandet under ungefär 1 MB. Tyngre mejl klipps av i Gmail och öppnas långsamt i mobilen. Använd JPG eller PNG, eftersom stödet för WebP i e-postprogram fortfarande är ojämnt. GIF fungerar bra för enkel animering.
Sociala medier
| Plattform | Placering | Storlek | Förhållande |
|---|---|---|---|
| Flöde, stående (bäst räckvidd) | 1 080 × 1 350 | 4:5 | |
| Flöde, kvadratisk | 1 080 × 1 080 | 1:1 | |
| Stories / omslag för Reels | 1 080 × 1 920 | 9:16 | |
| Profilbild | 320 × 320 (visas i en cirkel) | 1:1 | |
| Bild i flödet | 1 200 × 630 eller 1 080 × 1 350 | 1,91:1 eller 4:5 | |
| Omslagsbild för sida | 1 640 × 856 | Visas som 820 × 312 på datorn | |
| Bild i inlägg | 1 200 × 627 | 1,91:1 | |
| Företagsbanner | 1 128 × 191 | cirka 5,9:1 | |
| X (Twitter) | Bild i inlägg | 1 600 × 900 | 16:9 |
| X (Twitter) | Sidhuvud | 1 500 × 500 | 3:1 |
| YouTube | Miniatyrbild | 1 280 × 720 | 16:9, under 2 MB |
| YouTube | Kanalbanner | 2 560 × 1 440 (säker yta 1 546 × 423) | 16:9 |
| TikTok | Videoomslag | 1 080 × 1 920 | 9:16 |
| Pin | 1 000 × 1 500 | 2:3 | |
| WhatsApp / Telegram | Profilbild | 640 × 640 | 1:1 |
Alla sociala plattformar komprimerar om uppladdningar, oftast till JPG med kvalitet runt 75 till 80. Ladda upp i hög kvalitet (JPG 90 eller PNG) med exakt de mått som står ovan, och låt plattformen sköta den slutliga komprimeringen en gång i stället för att lägga din komprimering ovanpå deras. Vill du se inlägget innan du publicerar kan du använda förhandsvisningen av inlägg.
Tryck, för fullständighetens skull
Tryck mäts i pixlar per tum, inte i totalt antal pixlar. 300 ppi är standard: ett foto på 6 × 4 tum behöver 1 800 × 1 200 px, en A4-sida behöver 2 480 × 3 508 px och en A3-affisch 3 508 × 4 961 px. Allt under 150 ppi ser tydligt mjukt ut i tryck. Leverera JPG med kvalitet 95 eller ett förlustfritt format.
Ett snabbt arbetsflöde
- Beskär till det bildförhållande som mottagaren vill ha.
- Ändra storlek till bredden i tabellen, aldrig större än 2 gånger visningsstorleken.
- Spara som WebP för webbplatser, JPG för e-post och sociala medier, och PNG för grafik med transparens.
- Kontrollera filstorleken. Är den över målet sänker du kvaliteten några steg i stället för att krympa måtten.
Alla fyra stegen kan göras på den här webbplatsen utan att bilden laddas upp någonstans.