Vilket bildformat ska du välja efter användning
Publicerad · Uppdaterad 1 min läsning
JPG, PNG, WebP och AVIF är inte till för samma bilder. Det rätta valet beror på vad bilden visar: ett fotografi, en skärmbild med text eller en logotyp på transparent bakgrund.
Vad referensen säger
Enligt MDN:s dokumentation passar JPEG fotografier och inte skarpa teckningar, PNG behåller varje pixel exakt och passar skärmbilder, scheman och logotyper, WebP komprimerar bättre än båda och stöder transparens, AVIF komprimerar ännu mer och stöder också transparens.
Samma bilder i fyra format
Testerna använder tre konstruerade bilder: en fotoliknande scen på 2 400 × 1 600 pixlar, en skärmbild på 1 400 × 900 pixlar och en transparent logotyp på 900 × 900 pixlar, alla tre från början i PNG.
| Bild | Ursprunglig PNG | JPG | WebP |
|---|---|---|---|
| Fotografi | 2,36 MB | 1,08 MB | 1,02 MB |
| Skärmbild | 67 KB | 115 KB | 49 KB |
| Transparent logotyp | 9 KB | 35 kB (på vit bakgrund) | 14 kB (transparens bevarad) |
Vad man kan dra av det
För ett fotografi minskar JPG och WebP vikten med mer än hälften. För en skärmbild eller en logotyp väger JPG mer än den ursprungliga PNG-filen, och referensen avråder från det för skarpa kanter: PNG eller WebP passar bättre. Att konvertera en PNG till PNG gör den inte lättare: fotografiet går från 2,36 MB till 3,28 MB.
AVIF
AVIF-export beror på webbläsaren. När den inte är tillgänglig säger verktyget det och skapar ingen fil.
Kontroll
- Jämför den uppnådda vikten med den ursprungliga vikten.
- Titta på textens kanter och på toningarna medan du zoomar in.
- Behåll den ursprungliga bilden.
För att veta vilket format som läses överallt, se Vilket bildformat accepteras överallt.