JPG vs PNG vs WebP vs AVIF: Mitä kuvamuotoa kannattaa käyttää?

Jokainen kuvamuoto on eri kompromissi tiedostokoon, laadun, yhteensopivuuden ja läpinäkyvyyden kaltaisten ominaisuuksien välillä. Valitse hyvin, ja tiedostosi ovat pieniä ja aukeavat kaikkialla; valitse huonosti, ja saat 30 megatavun skannauksia tai logoja rosoisin valkoisin reunoin. Tässä on, mihin kukin muoto oikeasti on tarkoitettu.

Yksityisyys edellä: jokainen kuva käsitellään paikallisesti selaimessasi. Mitään ei ladata palvelimelle, tallenneta tai lähetetä minnekään.

JPG — yleiskäyttöinen valokuvamuoto

JPG (1992) pakkaa valokuvia hylkäämällä yksityiskohtia, joita silmä tuskin huomaa, ja tätä säädetään laatuasetuksella. Laadulla 75–85 tiedostot ovat pieniä ja näyttävät erinomaisilta; jokainen laite ja ohjelma maailmassa avaa ne. Sen rajat: ei läpinäkyvyyttä, ja jokainen uudelleentallennus menettää hieman lisää yksityiskohtaa. Käytä sitä valokuviin, joiden on toimittava ehdottomasti kaikkialla.

PNG — häviötön, läpinäkyvyydellä

PNG tallentaa pikselit tarkalleen ja tukee täyttä alfaläpinäkyvyyttä, mikä tekee siitä standardin logoille, kuvakaappauksille, käyttöliittymägrafiikalle ja mille tahansa kuvalle, jota muokataan toistuvasti. Hinta on koko: PNG-muodossa tallennetut valokuvat paisuvat moninkertaisiksi JPG-kokoonsa verrattuna, koska valokuvakohina ei pakkaudu häviöttömästi. Käytä PNG:tä grafiikkaan ja työkopioihin, älä valokuvien toimittamiseen.

WebP — modernin verkon oletus

WebP hoitaa molemmat tehtävät: häviöllinen pakkaus on noin 25–35 % pienempi kuin vastaavan laatuinen JPG, ja häviötön-läpinäkyvyydellä on paljon pienempi kuin PNG. Jokainen selain on tukenut sitä vuodesta 2020. Sen ainoa heikkous on verkon ulkopuolella — vanhemmat työpöytäohjelmistot, tulostimet ja jotkin latauslomakkeet hylkäävät sen yhä. Käytä WebP:tä kaikkeen, mitä näytetään verkkosivustolla.

AVIF — pienimmät tiedostot, uusin muoto

AVIF, joka rakentuu AV1-videokoodekin päälle, tuottaa pienimmät tiedostot mistään valtavirran muodosta — usein puolet JPG:n koosta samalla laadulla — ja tukee läpinäkyvyyttä ja HDR:ää. Selaintuki on nyt kattava, mutta työkalut ja verkon ulkopuolinen ohjelmisto laahaavat perässä. Käytä sitä siellä, missä tavut ovat tärkeimpiä ja hallitset toimitusta, ja pidä varajärjestelynä vaihtoehto vanhemmille ympäristöille.

GIF, SVG ja HEIC — erikoistapaukset

GIF säilyy vain yksinkertaisten animaatioiden vuoksi; still-kuviin se on vanhentunut (256 väriä, valtavat tiedostot). SVG ei ole lainkaan pikseleitä vaan vektorigeometriaa — täydellinen kuvakkeille ja logoille, joiden on skaalauduttava, mutta merkityksetön valokuville. HEIC on Applen tehokas kameramuoto: loistava laitteella, kömpelö kaikkialla muualla, ja se muunnetaan yleensä JPG:ksi sillä hetkellä, kun tiedosto poistuu Applen ekosysteemistä.

Päätös tiivistettynä

Valokuva yleiseen jakamiseen → JPG. Mikä tahansa verkkosivustolla → WebP (tai AVIF, jos osaat hoitaa varajärjestelyt). Logo, kuvakaappaus tai läpinäkyvyys → PNG (WebP, jos vain verkkoon). Pitää skaalautua mihin tahansa kokoon → SVG. iPhonesta ja matkalla muualle → muunna HEIC JPG:ksi. Epävarmoissa tilanteissa JPG valokuville ja PNG grafiikalle ei ole koskaan katastrofi.