PNG vs JPG vs WebP — mitä kuvamuotoa minun pitäisi käyttää?
Lähes jokainen verkon kuva on jokin näistä kolmesta muodosta, ja jokainen niistä uhraa jotain eri asiaa päästäkseen siihen. JPG pakkaa valokuvia voimakkaasti hylkäämällä yksityiskohtia, joita silmäsi tuskin huomaa, PNG säilyttää jokaisen pikselin täsmälleen sellaisena kuin se oli ja lisää läpinäkyvyyden, ja WebP on Googlen uudempi muoto, joka yrittää tehdä molemmat tehtävät — häviöllinen ja häviötön, läpinäkyvyydellä — pienemmässä tiedostossa kuin kumpikaan vanhempi muoto yleensä tuottaa. Väärän valitseminen ei yleensä ole kohtalokasta, mutta se tarkoittaa joko turvonneita sivun latausaikoja tai näkyvästi sumeita, lohkoisia kuvia. Tämä opas erittelee, mitä kukin muoto oikeasti tekee konepellin alla, mihin HEIC (muoto, jossa iPhonet tallentavat valokuvia) sopii kokonaisuuteen, ja miten muunnat tai pakkaat mitä tahansa niistä lataamatta tiedostoa minnekään.
Mikä on JPG ja milloin sitä kannattaa käyttää?
JPG (kirjoitetaan myös JPEG) käyttää häviöllistä pakkausta: se analysoi kuvan lohkoittain, hylkää hienot yksityiskohdat ja värivaihtelun, joita ihmissilmä huomaa huonosti, ja rakentaa puretussa muodossa likiarvon. Juuri tämä kompromissi tekee JPG:stä pienen — valokuva, joka veisi pakkaamattomana useita megatavuja, pakkautuu usein muutamaan sataan kilotavuun laatuasetuksella, jota useimmat eivät erota alkuperäisestä. JPG:llä ei ole läpinäkyvyyskanavaa, joten se renderöityy aina läpinäkymättömälle taustalle, eikä se sovi hyvin kuvakaappauksiin, viivapiirroksiin tai tekstiin, joissa pehmeä sumennus terävien reunojen ympärillä käy ilmeiseksi. Käytä JPG:tä valokuviin ja valokuvamaisiin kuviin — tuotekuviin, muotokuviin, maisemiin — joissa tiedostokoko on tärkeä ja tausta on odotettu.
Mikä on PNG ja milloin sitä kannattaa käyttää?
PNG käyttää häviötöntä pakkausta: jokainen tallentamasi pikseli on täsmälleen sama pikseli, jonka saat takaisin, ilman likiarvoja. Tämä tekee PNG:stä oikean valinnan kuvakaappauksiin, käyttöliittymämalleihin, logoihin, kaavioihin ja mihin tahansa kuvaan, joka sisältää terävää tekstiä tai kovia reunoja, joissa häviölliset artefaktit näkyisivät välittömästi sumennuksena tai lohkoisena kohinana reunojen ympärillä. PNG tukee myös täyttä alfa (läpinäkyvyys) -kanavaa, joten logolla tai kuvakkeella voi olla aidosti läpikuultava tausta valkoisen tai värillisen laatikon sijaan sen ympärillä. Hinta on koko: koska PNG ei voi heittää yksityiskohtia pois, PNG:nä tallennettu valokuva on tyypillisesti useita kertoja suurempi kuin sama kuva JPG:nä tallennettuna, ilman näkyvää laatuhyötyä valokuvamaisessa kohteessa.
Mikä on WebP ja miten se eroaa JPG:stä ja PNG:stä?
WebP on uudempi muoto, joka on rakennettu korvaamaan molemmat vanhemmat muodot kerralla. Se tukee sekä häviöllistä että häviötöntä pakkausta samassa tiedostomuodossa, sekä täyttä läpinäkyvyyskanavaa kuten PNG — joten yksi muoto voi käsitellä pakattua valokuvaa, häviötöntä kuvakaappausta ja läpinäkyvää logoa. Käytännössä WebP-tiedostot ovat tyypillisesti 25–35 % pienempiä kuin vastaavanlaatuinen JPG, ja häviötön WebP on yleensä pienempi myös kuin sama kuva PNG:nä tallennettuna. Selaintuki on ollut lähes universaalia 2020-luvun alusta lähtien (jokainen suurempi selain renderöi sen natiivisti), mikä poisti pääasiallisen historiallisen vastaväitteen sen käyttämiselle. Jäljelle jäävä ongelma on yhteensopivuus selaimen ulkopuolella: jotkin vanhemmat kuvankäsittelyohjelmat, vanhat CMS-liitännäiset sekä painatus- tai suunnittelutyönkulut eivät edelleenkään avaa WebP:tä suoraan, joten kannattaa tarkistaa oma työkaluketjusi ennen kuin vakiinnutat sen käyttöön kaikkialla.
Mihin HEIC sopii, ja pitäisikö se muuntaa?
HEIC on muoto, jota iPhonet käyttävät oletuksena valokuville iOS 11:stä lähtien — se pakkaa tehokkaammin kuin JPG samalla laadulla, minkä vuoksi se vie vähemmän tilaa puhelimessasi. Ongelma on yhteensopivuus, ei laatu: moni Windows-ohjelmisto, vanhemmat Android-sovellukset, verkkolomakkeet ja sähköpostiohjelmat eivät joko pysty avaamaan .heic-tiedostoa lainkaan tai käsittelevät sitä kömpelösti. Jos jaat valokuvaa jonnekin, missä HEIC ei ehkä ole tuettu — lataat sivustolle, lähetät sähköpostilla jollekulle tuntemattomalla laitteella, julkaiset vanhemmassa ohjelmistossa — muunna se ensin JPG:ksi laajimman yhteensopivuuden saavuttamiseksi, tai PNG:ksi vain, jos tarvitset nimenomaan häviötöntä laatua tai läpinäkyvyyttä (harvinaista kameravalokuvalle). LocalMedian HEIC-JPG-muunnin hoitaa tämän muunnoksen kokonaan selaimessasi, joten valokuva luetaan laitteeltasi, muunnetaan ja tallennetaan takaisin lataamatta sitä minnekään.
Minkä muodon minun pitäisi oikeasti valita käyttötarkoituksen mukaan?
Päätös riippuu yleensä siitä, mitä kuva sisältää ja minne se on menossa. Valokuvalle tai valokuvamaiselle kuvalle, joka on tarkoitettu verkkoon, käytä WebP:tä, jos alustasi hyväksyy sen, tai muuten JPG:tä. Kuvakaappaukselle, skannatulle asiakirjalle, kaaviolle tai mille tahansa tekstiä sisältävälle, käytä PNG:tä (tai häviötöntä WebP:tä), jotta reunat pysyvät terävinä. Logolle, kuvakkeelle tai grafiikalle, joka tarvitsee läpinäkyvän taustan, käytä PNG:tä tai WebP:tä — ei koskaan JPG:tä, koska se ei voi esittää läpinäkyvyyttä lainkaan. Maksimaalisen yhteensopivuuden saavuttamiseksi vanhan ohjelmiston, sähköpostiohjelmien tai painatustyönkulkujen kanssa JPG ja PNG pysyvät turvallisimpina universaaleina valintoina, koska WebP-tuki modernien selainten ulkopuolella on yhä epäjohdonmukaista.
Miksi JPG:n toistuva uudelleentallennus huonontaa sitä?
Koska JPG:n pakkaus on häviöllistä, joka kerta kun avaat JPG:n, muokkaat sitä ja tallennat sen uudelleen JPG:nä, muoto analysoi ja hylkää yksityiskohtia uudelleen sen päälle, mitä jo hylättiin ensimmäisellä kerralla. Muokkaa ja tallenna uudelleen muutaman kerran, ja kertynyt häviö muuttuu näkyväksi pehmeänä sumennuksena, värivyöhykkeinä tai lohkoisina artefakteina reunojen ympärillä — ongelma, jota usein kutsutaan sukupolvihäviöksi. Näin ei käy PNG:n kanssa, koska häviötön pakkaus ei koskaan heitä yksityiskohtia pois riippumatta siitä, kuinka monta kertaa tallennat sen uudelleen. Jos sinun täytyy muokata valokuvaa useita kertoja, säilytä PNG- tai muu häviötön master-kopio muokkauksen ajan ja vie JPG:ksi vasta lopuksi, kertaalleen, lopullista toimitusta varten.
Miten muunnat tai pakkaat kuvia lataamatta niitä?
JPG:n, PNG:n, WebP:n ja HEIC:n välillä muuntaminen, tai liian suuren tiedoston pienentäminen, ei vaadi kuvan lähettämistä palvelimelle lainkaan — selain voi purkaa ja koodata uudelleen useimmat yleiset kuvamuodot itsenäisesti. LocalMedian kuvamuodon muunnin vaihtaa JPG:n, PNG:n ja WebP:n välillä suoraan selainvälilehdelläsi, ja kuvanpakkaaja pienentää tiedostokokoa säätämällä laatua tai mittoja, molemmat ilman että tiedosto koskaan poistuu laitteeltasi. Voit vahvistaa tämän itse: avaa selaimesi DevTools (F12), siirry Verkko-välilehteen, ja tarkkaile latauspyyntöä muuntaessasi tai pakatessasi tiedostoa — aidosti paikallinen työkalu ei lähetä mitään.
Aiheeseen liittyvät työkalut
Usein kysytyt kysymykset
- Onko PNG vai JPG parempi?
- Kumpikaan ei ole yleisesti parempi — ne on rakennettu eri sisällölle. JPG:n häviöllinen pakkaus tekee siitä paljon pienemmän valokuville, kun taas PNG:n häviötön pakkaus pitää kuvakaappaukset, tekstin ja grafiikan vapaana sumennuksesta ja lisää läpinäkyvyystuen, joka JPG:ltä puuttuu kokonaan. Käytä JPG:tä valokuville, PNG:tä mille tahansa, jossa on teräviä reunoja, tekstiä tai läpinäkyvä tausta.
- Onko WebP parempi kuin JPG?
- Tiedostokoon ja laadun kannalta yleensä kyllä: WebP tuottaa tyypillisesti tiedostoja, jotka ovat 25–35 % pienempiä kuin vastaavanlaatuinen JPG, ja se tukee myös läpinäkyvyyttä ja häviötöntä pakkausta, mitä JPG ei osaa lainkaan. Ainoa syy valita silti JPG WebP:n sijaan on yhteensopivuus vanhempien ohjelmistojen tai työnkulkujen kanssa, jotka eivät avaa WebP-tiedostoja.
- Tukeeko WebP läpinäkyvyyttä?
- Kyllä. WebP:llä on täysi alfa-läpinäkyvyyskanava sekä häviöllisessä että häviöttömässä tilassa, joten se voi korvata PNG:n läpinäkyvissä logoissa ja kuvakkeissa tuottaen yleensä pienemmän tiedoston.
- Pitäisikö minun muuntaa HEIC JPG:ksi vai PNG:ksi?
- Muunna JPG:ksi lähes kaikissa tapauksissa — se on pienempi ja universaalisti yhteensopiva, mikä vastaa sitä, mitä kameravalokuva tarvitsee. Muunna PNG:ksi vain, jos tarvitset nimenomaan häviötöntä laatua tai läpinäkyvän taustan, mikä on harvinaista tavalliselle valokuvalle.
- Mikä muoto tuottaa pienimmän tiedoston?
- Valokuville häviöllinen WebP on yleensä pienin, sitten JPG, ja PNG paljon suurempi. Kuvakaappauksille, tekstille tai viivapiirroksille häviötön WebP on yleensä pienin, sitten PNG, koska JPG:n häviöllinen pakkaus ei sovi hyvin teräviin reunoihin riippumatta tiedostokoosta.
- Voinko muuntaa PNG:n, JPG:n ja WebP:n välillä ilman laadun heikkenemistä?
- Muuntaminen häviöttömästä muodosta (PNG) toiseen häviöttömään asetukseen säilyttää laadun täsmälleen. Muuntaminen häviöllisiin muotoihin tai niiden välillä (JPG, häviöllinen WebP) pakkaa kuvan aina uudelleen, joten laatua häviää jokaisella muunnoksella — säilytä häviötön master-kopio, jos odotat muuntavasi tai muokkaavasi kuvaa useammin kuin kerran.