JPG vs PNG vs WebP: mitä kuvamuotoa kannattaa käyttää

Käytä JPG:tä valokuviin, PNG:tä kuvakaappauksiin, logoihin ja kaikkeen, mihin tarvitaan läpinäkyvyyttä, ja WebP:tä silloin, kun kohde sen hyväksyy ja haluat pienempiä tiedostoja. Valintaan vaikuttavat kaksi asiaa: onko muoto häviöllinen vai häviötön ja tukeeko se läpinäkyvyyttä. Valitse muoto, joka sopii kuvan sisältöön ja paikkaan, jossa kuva näytetään.

Muunna kuvaTarvitsen JPG:n, mulla on PNGTee se ilmaiseksi

Häviöllinen ja häviötön selkokielellä

Häviöllinen muoto poistaa osan yksityiskohdista, jotta tiedosto pienenee, ja sen voi itse valita, kuinka paljon. Häviötön muoto säilyttää jokaisen pikselin täsmälleen, mutta valokuvaa se ei pienennä paljoa, koska valokuvassa on paljon vaihtelevaa yksityiskohtaa. JPG on häviöllinen, PNG häviötön ja WebP voi olla kumpaa tahansa. Häviöt kertyvät, kun sama tiedosto tallennetaan yhä uudelleen, joten muunna aina alkuperäisestä.

Mikä muoto mihinkin tarkoitukseen

• Valokuvat: JPG. Se on pieni, laajasti hyväksytty ja toistaa luonnollisia värejä hyvin.
• Kuvakaappaukset, kaaviot ja käyttöliittymäkuvat: PNG. Teksti ja tasainen väri pysyvät terävinä.
• Logot ja leikatut kuvat: PNG tai WebP, koska molemmat säilyttävät läpinäkyvät alueet. JPG ei voi sisältää läpinäkyvyyttä.
• Kuvat verkkosivuilla: WebP, ja JPG tai PNG varamuotona siellä, missä sivusto sitä vaatii.

Muoto	Pakkaus	Läpinäkyvyys	Sopii parhaiten	Huomioi
JPG	Häviöllinen	Ei	Valokuvat, sähköposti, lomakkeet	Häiriöpisteitä tekstin ympärillä, ei läpinäkyvyyttä
PNG	Häviötön	Kyllä	Kuvakaappaukset, logot, kaaviot	Suuri valokuville
WebP	Häviöllinen tai häviötön	Kyllä	Verkkosivut ja uudet sovellukset	Osa vanhoista ohjelmista ei avaa sitä
AVIF	Häviöllinen tai häviötön	Kyllä	Pienet kuvat uusissa selaimissa	Tuki vanhemmissa ohjelmissa on heikompi

Selaimen ja sovellusten tuki

Nykyiset yleisimmät selaimet näyttävät WebP-kuvat, ja monet näyttävät myös AVIF-kuvat. Tuki vanhemmissa selaimissa, sähköpostiohjelmissa, työpöytäohjelmissa ja lataauslomakkeissa on epävarmempi, ja lomakkeet listaavat usein hyväksytyt tyypit. Tarkista lomake ensin. Kun lomake pyytää JPG- tai PNG-tiedostoa, käytä sitä muotoa, vaikka WebP tai AVIF olisi pienempi.

Muuntaminen menettämättä liikaa

• Säilytä alkuperäinen tiedosto ja muunna kopio alkuperäisestä.
• Kun muunnat valokuvan JPG-muotoon, käytä korkeaa laatuasetusta.
• JPG:stä PNG:hen muuntaminen ei palauta jo hävinnyttä yksityiskohtaa, joten lähde parhaasta käytettävissä olevasta tiedostosta.
• Läpinäkyvän kuvan tallentaminen JPG-muotoon täyttää läpinäkyvät alueet yksivärisellä värillä, yleensä valkoisella tai mustalla.

Jos tavoitteena on pienempi tiedosto, pakkaa kuva muuntamisen jälkeen. Pikselikoon valitsemisesta kerrotaan lisää oppaassa lomakkeisiin sopivan kuvakoon muuttamisesta.

Valinta sähköpostiin, tulostukseen ja lataamiseen

Sähköpostiin ja arkiseen jakamiseen JPG on valokuville turvallisin valinta, koska lähes jokainen ohjelma ja palvelu lukee sen. Grafiikassa, jossa on terävät viivat, kuten logossa, joka pitää tulostua selkeänä, PNG on yleensä parempi tiedosto. Lomakkeet ja painopalvelut listaavat joskus omat hyväksytyt muotonsa, ja nämä listat ohittavat kaikki yleiset ohjeet.

Pikalista valintaan

1. Tarvitseeko kuva läpinäkyvyyttä? Käytä PNG:tä tai WebP:tä.
2. Onko kyseessä valokuva ilman läpinäkyvyyttä? Käytä JPG:tä, tai WebP:tä jos kohde sen hyväksyy.
3. Onko kyseessä teksti, kuvakaappaus tai kaavio? Käytä PNG:tä.
4. Menee kuva lomakkeeseen tai vanhaan ohjelmaan? Käytä sitä muotoa, jonka lomake tai ohjelma listaa.

Miksi tiedostokoot eroavat muodoittain

Mikään muoto ei ole aina pienin. Sama valokuva voi olla pienempi WebP- tai AVIF-muodossa kuin JPG-muodossa samalla laatutasolla, ja yksinkertainen tasainen grafiikka voi olla pienempi PNG-muodossa kuin JPG-muodossa. Kuvan sisältö ratkaisee suurimman osan, joten vertaa todellisia tiedostoja sen sijaan, että luottaisit yleiseen nyrkkisääntöön.

Säilytä häviötön lähde

Jos mahdollista, säilytä alkuperäinen häviöttömässä muodossa, esimerkiksi kuvakaappauksen PNG-tiedostona tai kameran alkuperäistiedostona. Tee häviöllisiä kopioita tiettyyn käyttöön. Näin voit myöhemmin tehdä JPG:n, WebP:n tai pienemmän tiedoston ilman, että aloitat vaurioituneesta kopiosta.

Läpinäkyvyyden reunatapaukset

PNG ja WebP säilyttävät pehmeät reunat, joten logo, jossa on himmeä varjo tai sumea reuna, pysyy sileänä värillisellä taustalla. JPG ei pysty tallentamaan tätä reunaa, joten varjo joko litistyy kiinteälle taustalle tai katoaa. Jos logon pitää sopia eri taustoille, säilytä läpinäkyvä versio pääkuvana ja tee JPG-kopiot vain paikkoihin, jotka niitä vaativat. Jos logosta ei ole vielä läpinäkyvää versiota, poista ensin sen tausta. Miksi läpinäkyvä PNG muuttuu mustaksi käsittelee, mitä tapahtuu, kun tiedosto tallennetaan JPG-muotoon.

Näin teet sen fixmintillä

1. Tarkista, mitkä muodot lomake tai sovellus hyväksyy. Sen lista ohittaa edellä olevat yleiset ohjeet.
2. Pudota alkuperäinen tiedosto muunnostyökaluun.
3. Kohdassa Muunna muotoon valitse JPG valokuville tai PNG kuvakaappauksille, logoille ja läpinäkyvyydelle. Valitse WebP vain silloin, kun kohde sen hyväksyy.
4. JPG:lle pidä Laatu vähintään 92:ssa ja lataa tiedosto. Useammalle tiedostolle käytä kohtaa Lataa kaikki (.zip).
5. Jos tiedosto on yhä liian suuri, pakkaa se.

Pikavastaukset

Kumpi on parempi, JPG vai PNG? Valokuvissa JPG on parempi valinta, koska se on huomattavasti pienempi. Kuvakaappauksissa, tekstissä ja läpinäkyvissä logoissa PNG on parempi, koska reunat pysyvät terävinä.

Onko WebP turvallinen käyttää? Verkkosivuilla kyllä, nykyisissä selaimissa. Sähköpostiin, lomakkeisiin ja työpöytäohjelmiin JPG on turvallisempi valinta, ellei vastaanottaja varmista, että WebP toimii.

Miksi läpinäkyvän logoni ympärillä on nyt valkoinen laatikko? Se tallennettiin JPG-muotoon, joka ei voi säilyttää läpinäkyvyyttä. Tallenna se uudelleen PNG- tai WebP-muodossa muunnostyökalulla.