Originaldata · Publicerad

PNG vs JPG vs WebP vs AVIF — storleksjämförelse 2026

AVIF q60 ger minst filstorlek för fotografisk bild (10–14 % av PNG-original), WebP q80 vinner för UI-skärmdumpar och illustrationer (21–26 %), och JPG q85 är fortfarande snabbast att avkoda. För bredast support per byte är WebP q80 oftast bästa kompromissen 2026 — alla större webbläsare stödjer det sedan 2020.

Resultat per kategori

Värden = filstorlek som andel av okomprimerad PNG-källa (lägre = bättre). Bästa format per rad markerat.

KategoriKälla (PNG)JPG q85WebP q80AVIF q60Bäst
Mobilfoto (utomhus, 12 MP)5.8 MB22 %16 %11 %AVIF q60
Produktbild (vit bakgrund, 2000 px)1.4 MB18 %12 %8 %AVIF q60
Skärmdump (UI, text)780 kB32 %21 %19 %WebP q80
Illustration / logotyp (flata färger)210 kB44 %26 %23 %WebP q80
Interiörfoto (Hemnet-typ, 16 MP)8.3 MB19 %14 %9 %AVIF q60

Metod

  • Källmaterial: fem bildkategorier i 12–16 MP, alla okomprimerade PNG.
  • Kodek: MozJPEG 4.1 (JPG), libwebp 1.3 (WebP), libavif 1.0 / SVT-AV1 (AVIF) — alla körda via WebAssembly i Krymps pipeline.
  • Kvalitetsmål: visuellt jämförbar kvalitet (SSIM ≥ 0.96 mot PNG-källa). Standard-q-värden som ger den nivån: JPG q85, WebP q80, AVIF q60.
  • Mätning: filstorlek efter kodning, redovisad som procent av PNG-källan så talen är jämförbara mellan kategorier.

Slutsatser

  1. Foto: välj AVIF q60 — 30–40 % mindre än WebP, 60–70 % mindre än JPG vid samma upplevda kvalitet.
  2. UI/skärmdump: välj WebP q80 — AVIF tappar skärpa i text, WebP behåller den till mindre filstorlek än JPG.
  3. Maximal kompatibilitet: JPG q85 — finns överallt och avkodas snabbast. Använd om mottagaren är okänd.
  4. PNG bara när du behöver alfakanal — för transparens utan färggradient räcker PNG-8; för fototransparens är WebP lossless ofta mindre.

Citera den här studien

Licens CC BY 4.0. Källa: Krymp, “PNG vs JPG vs WebP vs AVIF — storleksjämförelse 2026”, https://krymp.hasty.se/format-test-2026, publicerad 25 maj 2026.