cheat sheet
Den ultimata referensen för bildfilstorlekar
Hur stor bör den bilden vara? Praktiska KB / MB-riktvärden för varje användningsfall.
"Hur stor bör den här bilden vara?" är den mest ställda frågan inom webbprestanda. Det ärliga svaret är: det beror på användningsfallet. Här är den praktiska referensen.
Hero / bilder ovanför vecket
| Typ | Målstorlek | Format |
|---|---|---|
| Hero i full bredd (skrivbord) | 150-300 KB | WebP / AVIF |
| Mobil hero | 80-150 KB | WebP |
| Lazy-loadade under vecket | upp till 500 KB | WebP / JPG |
Miniatyrbilder / listningsbilder
| Typ | Målstorlek | Format |
|---|---|---|
| Produktgalleri miniatyr (300×300) | 15-40 KB | WebP / JPG |
| Artikel förhandsvisning (640×360) | 30-80 KB | WebP |
| Avatar (96×96) | 5-15 KB | WebP / PNG |
Uppladdningar i sociala medier
De flesta plattformar komprimerar aggressivt, så överoptimering från din sida är bortkastat. Sikta på "hög kvalitet" snarare än "minsta möjliga":
| Plattform | Rekommenderad uppladdningsstorlek |
|---|---|
| 1.5-3 MB (de komprimerar om till ~150 KB) | |
| Twitter / X | under 5 MB; över det = tvångskomprimering |
| under 1 MB för inlägg | |
| under 5 MB; PNG för logotyper, JPG för foton |
Bakgrundsbilder (när de lagras lokalt)
Telefonlagring är stor — kvalitet spelar mer roll än storlek:
| Upplösning | Rimlig JPG-storlek |
|---|---|
| HD (1280×720) | 200-400 KB |
| Full HD (1920×1080) | 400-800 KB |
| 4K (3840×2160) | 1.5-3 MB |
| 5K (5120×2880) | 3-6 MB |
| 8K (7680×4320) | 6-12 MB |
E-postsignaturer och inbäddad grafik
| Användningsfall | Målstorlek |
|---|---|
| Bild för e-postsignatur | under 50 KB |
| Inbäddad bild i PDF | under 200 KB |
| Bild för bildspel | under 500 KB |
Verktyg för att nå målet
- JPG-kompressor — skjutreglagebaserad, se KB live när du justerar kvaliteten.
- WebP-omvandlare — vanligtvis 30-50 % mindre för samma kvalitet.
- Storleksändrare — mindre dimensioner = mindre fil. Ändra storlek först, komprimera sedan.
- Satsvis läge — tillämpa dina målinställningar på en hel mapp.
Prova våra gratisverktyg
- Bildstorleksändrare — pixelperfekt ned- och uppskalning.
- Konvertera till WebP — 30-50 % mindre filer än JPG.
- Bakgrundsborttagare — ett klick utskärning.
- Storleksändrare för sociala medier — exakta mått för varje plattform.
- Satsvis bearbetning — tillämpa valfritt verktyg på upp till 200 bilder samtidigt.
Bläddra i hela verktygskatalogen eller våra andra guider.
