Kuvamuotojen pikaopas — JPG vs PNG vs WebP vs AVIF
Milloin käyttää kutakin muotoa, tiedostokokojen vertailu ja nopea päätöspuu.
Väärän kuvamuodon valitseminen on halvin virhe, jonka voit tehdä sivuston nopeudelle. AVIF voi olla 50 % pienempi kuin JPG samalla näkyvällä laadulla — mutta se ei aina kannata vaihtaa. Tässä päätöspuu.
10 sekunnin sääntö
- Valokuva, ei läpinäkyvyyttä → WebP (tai AVIF, jos yleisösi käyttää vain moderneja selaimia).
- Valokuva, pitää toimia kaikkialla → JPG.
- Logo, kuvakaappaus tai kuvake → PNG (tai WebP pienempiin tiedostoihin samalla häviöttömällä laadulla).
- Animaatio → WebP (korvaa GIF, 30-50 % pienempi).
- Vektorikuva (logo, kuvake) → SVG (ei tällä listalla — käytä SVG:tä aina kun mahdollista).
Täydellinen vertailu
| Muoto | Paras | Häviöllinen? | Läpinäkyvyys | Animaatio | Selaintuki |
|---|---|---|---|---|---|
| JPG | Valokuvat, ei alphaa | Kyllä | Ei | Ei | 100% |
| PNG | Terävät grafiikat | Ei | Kyllä | Ei | 100% |
| WebP | Valokuvat + grafiikat | Molemmat | Kyllä | Kyllä | 97% (2026) |
| AVIF | Korkein pakkaus | Molemmat | Kyllä | Kyllä | 92% (2026) |
Oikea 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:
- Muunna WebP-muotoon
- Muunna PNG-muotoon
- Muunna JPG-muotoon
- JPG-pakkaus — valitse laatu, näe säästö.
Tiheään ZIP-pakkaukseen koko kuvakirjastolle käytä eräkäsittely-tilaa muuntaaksesi satoja kuvia kerralla.
Kokeile ilmaisia työkalujamme
Useimpiin näistä oppaista liittyy käytännön työkalu, jota voit käyttää heti — ei vaadi rekisteröitymistä ensimmäisellä kerralla:
- Kuvan koonmuutos — pikselitarkka pienennys + suurennus.
- Muunna WebP-muotoon — 30-50 % pienemmät tiedostot kuin JPG.
- Taustan poisto — yhden napsautuksen leikkaus, läpinäkyvä PNG.
- Favicon-generaattori — jokainen selaimen koko yhdestä lähteestä.
- Sosiaalisen median koonmuutos — jokaisen alustan tarkat mitat.
- Eräkäsittely — käytä mitä tahansa työkalua jopa 200 kuvalle kerralla.
Selaa koko työkalukatalogia.