Taustakuvat
cheat sheet

Kuvamuotojen lunttilappu — JPG vs PNG vs WebP vs AVIF

Milloin käyttää mitäkin muotoa, tiedostokokojen vertailu ja nopea päätöspuu.

Kirjoittanut Wallpapers.com Editorial · Julkaistu May 02, 2026 · Päivitetty July 29, 2026

Väärän kuvamuodon valinta on halvin virhe, jonka voit tehdä sivuston nopeuden kannalta. AVIF voi olla 50 % pienempi kuin JPG samalla näkyvällä laadulla — mutta vaihto ei aina kannata. Tässä on päätöspuu.

Kuvamuotojen lunttilappu — JPG vs PNG vs WebP vs AVIF

10 sekunnin sääntö

  • Valokuva, ei läpinäkyvyyttä → WebP (tai AVIF, jos yleisösi käyttää vain moderneja selaimia).
  • Valokuva, toimittava kaikkialla → JPG.
  • Logo, kuvakaappaus tai kuvake → PNG (tai WebP pienemmillä tiedostoilla samalla häviöttömällä laadulla).
  • Animaatio → WebP (korvaa GIF:n, 30–50 % pienempi).
  • Vektorigrafiikka (logo, kuvake) → SVG (ei tällä listalla — käytä SVG:tä aina kun mahdollista).

Täydellinen vertailu

MuotoParasHäviöllinen?LäpinäkyvyysAnimaatioSelaintuki
JPGValokuvat, ei alfaaKylläEiEi100 %
PNGTerävät grafiikatEiKylläEi100 %
WebPValokuvat + grafiikatMolemmatKylläKyllä97 % (2026)
AVIFKorkein pakkausMolemmatKylläKyllä92 % (2026)

Todellinen tiedostokokovertailu

Sama 1920×1080 valokuva, sama näkyvä laatu:

  • JPG (laatu 80) — 340 kt
  • WebP (laatu 80) — 210 kt (38 % pienempi)
  • AVIF (laatu 60) — 165 kt (51 % pienempi)
  • PNG (häviötön) — 2,4 Mt (7× suurempi — älä koskaan käytä valokuville)

Muunna mikä tahansa kuva ilmaisilla työkaluillamme:

Tiiviiseen ZIP-pakkaukseen koko kuvakirjastosta käytä eräkäsittelytilaa muuntaaksesi satoja kuvia kerralla.

Kokeile ilmaisia työkalujamme

Useimpiin näistä oppaista liittyy käytännön työkalu, jota voit käyttää heti — ensimmäinen kerta ei vaadi rekisteröitymistä:

Selaa koko työkaluluetteloa.

Jaa tämä opas:
Image Format Cheat Sheet — JPG vs PNG vs WebP vs AVIF infographic
Ilmaiseksi jaettavissa — linkitä takaisin taustakuvat.fi