PNG–WebP-muunnin

PNG:stä WebP:ksi – häviöllinen konversio täsmällisistä lähdekuvista

Tämä sivu on tarkoitettu tilanteisiin, joissa sinulla on PNG-kuvia – logoja, ruutukaappauksia, viivapiirroksia tai muita kuvia, jotka vaativat tarkkoja pikseleitä tai läpinäkyvyyttä – ja haluat muuntaa ne WebP-muotoon. Työkalu ottaa PNG-tiedostot vastaan, antaa sinun asettaa WebP-tulosteen laatutason ja prosessoi kaikki selaimessasi. Jokaisen kuvan voi ladata erikseen tai kaikki kerralla ZIP-pakettina, ja mukaan tulee selkeä vertailu alkuperäisestä ja muunnetusta tiedostokoosta.

Tämä sivu käsittelee nimenomaan konversiota PNG:stä (häviötön, täysi 8-bittinen alfakanavan läpinäkyvyys, ei sisäänrakennettua laatuasetusta) WebP:hen (tukee sekä häviöllistä että häviötöntä tilaa, alfakanavan läpinäkyvyyttä ja animaatiota).

• PNG-tiedostot ovat häviöttömiä – uudelleentalleennus ei koskaan heikennä niitä – mutta ne ovat huomattavasti suurempia kuin JPG valokuville.
• WebP häviöllisessä tilassa (jota laatuliukusäädin tässä ohjaa) tuottaa tyypillisesti tiedostoja, jotka ovat 25–35 % pienempiä kuin vastaavanlaatuinen JPG.
• Koska syöte on häviötön, muuntaminen häviölliseksi WebP:ksi heikentää pysyvästi kuvanlaatua, ellei laatuasetusta ole 100 % (joka on silti häviöllinen, ei häviötön).
• Laatuliukusäädin (40–100 %) koskee vain WebP-tulostetta; PNG-syötteellä ei ole laatuparametria.
• WebP on tuettu kaikissa nykyisissä selaimissa, mutta jotkut vanhemmat työpöytäsovellukset eivät avaa sitä, mikä on tärkeä huomioitava seikka jakelussa.

Syötteet ja tulosteet

Syötteet

• Yksi tai useampi PNG-kuva (voit valita tai pudottaa ne; työkalu rajoittaa kuvien enimmäismäärää erää kohden).
• Laatuarvo väliltä 40–100 % WebP-tulosteelle.

Tulosteet

• Muunnetut WebP-kuvat, jokaisessa Lataa-painike.
• Jokaiselle kuvalle: Tulosteen tiedostonimi (yleensä alkuperäinen nimi .webp-päätteellä), Mitat (muuttumattomat syötteestä), Alkuperäinen koko, Muunnettu koko ja joko Tallennettu (jos WebP on pienempi) tai Suurempi (jos ei ole).
• Yhteenvetorivi: Yhteensä: ‹alkuperäinen› → ‹muunnettu›.
• Kun kaksi tai useampi kuva on muunnettu, ilmestyy Lataa kaikki (.zip) -painike, joka sisältää kaikki WebP-tiedostot yhdessä arkistossa. Jos selaimesi ei tue WebP-tiedostojen kirjoittamista, työkalu käyttää varalta PNG:tä ja ilmoittaa siitä selkeästi: ”Selaimesi ei tue tämän formaatin tallentamista – käytettiin PNG:tä sen sijaan.” Kaikki käsittely tapahtuu asiakaspuolella; mitään ei lähetetä palvelimelle.

Säännöt ja reunatapaukset

• PNG on häviötön, joten valokuvan (johon PNG:tä ei ole suunniteltu) muuntaminen häviölliseksi WebP:ksi tuottaa lähes aina paljon pienemmän tiedoston; yksinkertaisilla grafiikoilla tai tekstillä WebP saattaa olla suurempi – ”Suurempi”-merkintä ilmestyy tällöin.
• Jos tiedostoa ei voi avata kuvana (vioittunut, tyhjä tai ei oikeasti kuva), näytetään virheilmoitus: ”Tätä tiedostoa ei voitu avata kuvana. Se voi olla vioittunut, tyhjä tai ei oikeasti kuva.”
• Jos muunnos epäonnistuu jostain syystä, viesti on: ”Muunnos epäonnistui. Kokeile toista kuvaa tai formaattia.”
• Jos selaimesi ei tue WebP:n suoraa tallentamista, työkalu käyttää automaattisesti PNG:tä ja ilmoittaa: ”Selaimesi ei tue tämän formaatin tallentamista – käytettiin PNG:tä sen sijaan.”
• Kuvien enimmäismäärä, jonka voit valita kerralla, on 20; sen ylittäminen näyttää: ”Valitse enintään ‹max› kuvaa kerrallaan.”
• Jos yrität muuntaa valitsematta yhtään kuvaa: ”Valitse vähintään yksi kuva.”
• Jos pudotat tiedostotyypin, joka ei ole PNG: ”Tätä tiedostotyyppiä ei tueta.”
• Kun jotkut tiedostot eivät onnistu käsittelyssä, yhteenveto näyttää: ”‹count› tiedostoa ei voitu käsitellä.”

Miksi muuntaa PNG:stä WebP:hen? Häviöttömän ja häviöllisen kompression perusero

PNG on suunniteltu täsmälliseen pikselintoistoon ja läpinäkyvyyteen. Se käyttää Deflate-pakkausta, joka säilyttää jokaisen pikselin täsmälleen alkuperäisellään. Tämä tekee siitä erinomaisen logoille, kuvakaappauksille ja viivapiirroksille, mutta valokuville se on tehoton: valokuva, jossa on paljon värejä ja yksityiskohtia, voi olla moninkertainen kooltaan vastaavaan JPG:hen verrattuna.

WebP sen sijaan tarjoaa kaksi tilaa: häviöllinen ja häviötön. Tämä sivu käyttää häviöllistä tilaa, jossa laatuasetus (40–100 %) määrittää, kuinka paljon tietoa hylätään. Häviöllinen kompressio pyrkii poistamaan silmälle vähemmän tärkeitä yksityiskohtia ja korvaamaan toistuvia kuvioita tehokkaammalla esitystavalla. Tuloksena on pienempi tiedostokoko, mutta alkuperäistä kuvaa ei voida koskaan palauttaa täsmälleen samanlaiseksi. Jos tarvitset ehdottoman tarkkaa toistoa – esimerkiksi lääketieteellisissä kuvissa tai arkistoinnissa – PNG on oikea valinta. Mutta jos tavoitteena on pienentää sivulatauksen kokoa tai tallennustilaa, WebP on usein paras vaihtoehto.

Laatuliukusäädin: mitä 40–100 % tarkoittaa WebP:lle

Laatuliukusäädin vaikuttaa suoraan WebP-koodekin kompressioparametreihin. Arvot 40–100 % kattavat tyypillisen käyttöalueen:

• 40 % (matalin): Voimakas kompressio, näkyviä kompressioartefakteja, erityisesti tasaisilla pinnoilla ja terävillä reunoilla. Tiedostokoko pienenee huomattavasti.
• 70 % (keskitaso): Yleensä silmälle miellyttävä kompromissi. Kuvanlaatu on useimmissa kuvissa hyvä, mutta yksityiskohdat voivat pehmentyä.
• 100 % (maksimi): Tämä ei ole häviötön tila – se on häviöllinen korkeimmalla mahdollisella laadulla. Jotkut yksityiskohdat voivat silti kadota, ja tiedoston koko voi olla lähes alkuperäisen PNG:n suuruinen. On tärkeää ymmärtää, että 100 % WebP ei ole sama asia kuin häviötön PNG. Vertailun vuoksi: häviöttömällä WebP:llä (jota tämä työkalu ei käytä) tiedoston koko olisi tyypillisesti 10–20 % pienempi kuin PNG:llä. Käytännön esimerkki: logokuva, jossa on tekstiä ja vähän värejä, saattaa olla 50 kB PNG:nä. Laadulla 80 % WebP voi olla 15 kB, laadulla 50 % 8 kB, mutta teksti saattaa olla epäterävää. Valokuvalla, jossa on paljon yksityiskohtia, PNG saattaa olla 2 MB, ja WebP laadulla 80 % voi olla 300 kB – ero on dramaattinen.

WebP:n selaintuki ja jakelun huomioitavat asiat

WebP on tuettu kaikissa nykyaikaisissa selaimissa: Chrome, Firefox, Safari (iOS 14+ ja macOS Big Sur+), Edge ja Opera. Kuitenkin:

• Vanhemmat työpöytäsovellukset (esim. Adobe Photoshop CS6, Windowsin valokuvasovelluksen vanhat versiot, jotkin sähköpostiohjelmat) eivät välttämättä avaa WebP:tä. Jos jaat kuvia laajalle yleisölle, on usein hyvä tarjota vaihtoehtona PNG tai JPG.
• WebP tukee alfakanavan läpinäkyvyyttä, joten PNG:n läpinäkyvyys säilyy konversiossa. Tämä on keskeinen etu JPG:hen verrattuna, joka ei tue lainkaan läpinäkyvyyttä.
• WebP voi myös sisältää animaatiota (kuten animoitu GIF), mutta tämä sivu ei käsittele sitä – se muuntaa staattisia PNG-kuvia. Kun valitset WebP:tä, tiedostot ovat pienempiä, mutta varmista, että kohdeyleisösi ohjelmistot tukevat sitä. Jos epäilet, tarjoa palvelimella useita formaatteja ja käytä ``-elementtiä tai accept-otsaketta.

Asiakaspuolen käsittely: yksityisyys ja käytännön hyödyt

Kaikki käsittely tapahtuu selaimessasi JavaScriptin avulla. PNG-kuvia ei lähetetä millekään palvelimelle, mikä on erityisen tärkeää, jos kuvat sisältävät arkaluontoisia tietoja (esim. henkilötietoja sisältävä kuvakaappaus, yrityksen sisäinen logo). Tämä on etu verrattuna pilvipohjaisiin muunnospalveluihin, joihin yleensä ladataan kuvat. Asiakaspuolen käsittelyn rajoituksia:

• Jos selaimesi ei tue WebP:n tallennusta (esim. vanha Safari), työkalu laskee automaattisesti PNG:ksi ja ilmoittaa siitä selkeästi.

Milloin pitää PNG, milloin valita WebP

PNG on oikea valinta, kun:

• Tarvitset täsmällistä pikselintoistoa (esim. lääketieteellinen diagnostiikka, asiakirjojen digitointi).
• Kuva sisältää teräviä reunoja, tekstiä tai viivapiirroksia, joissa kompressioartefaktit olisivat haitallisia.
• Tarvitset ehdottoman tarkkaa läpinäkyvyyttä (alfakanava) ja olet epävarma WebP:n tuesta kohdejärjestelmässä.
• Kuva on pieni ja yksinkertainen; WebP saattaa olla suurempi (“Larger”-merkintä ilmestyy).

WebP on parempi, kun:

• Haluat pienentää tiedostokokoa merkittävästi (valokuvat, monimutkaiset grafiikat).
• Sivulatauksen nopeus on tärkeä (verkkokehitys, sähköpostimarkkinointi).
• Varmistat, että kohdeyleisö käyttää moderneja selaimia.
• Tarvitset läpinäkyvyyttä, mutta haluat silti kompression (toisin kuin JPG).

Yksinkertainen nyrkkisääntö: jos PNG-kuva on yli 100 kB ja se ei ole yksinkertainen logo, kokeile WebP:tä laadulla 80–85 %. Vertaa tulosta alkuperäiseen – useimmissa tapauksissa säästät 30–70 % tilaa ilman silmin havaittavaa laadun heikkenemistä.

Usein kysyttyä

Miksi WebP on joskus suurempi kuin PNG? WebP on suunniteltu valokuville ja monimutkaisille kuville. Yksinkertaiset grafiikat, joissa on vähän värejä ja paljon toistoa (esim. täysin yksi väri), pakkautuvat PNG:ssä erittäin hyvin. WebP:n häviöllinen kompressio saattaa tuottaa suuremman tiedoston, koska se lisää metatietoa ja kompressio ei ole optimoitu tämäntyyppisille kuville.

Voinko palauttaa WebP:n takaisin PNG:ksi ilman laadun heikkenemistä? Ei, jos WebP on luotu häviöllisellä kompressiolla (kuten tällä sivulla). Laadun heikkeneminen on pysyvää. Jos tarvitset täsmällistä toistoa, säilytä alkuperäinen PNG.

Mitä tapahtuu läpinäkyvyydelle? WebP tukee alfakanavan läpinäkyvyyttä, joten läpinäkyvät taustat säilyvät konversiossa. Tämä on keskeinen etu JPG:hen verrattuna.

Mitä tarkoittaa max-rajoitus? Työkalu hyväksyy enintään 20 kuvaa kerrallaan.

Toimiiko tämä mobiiliselaimessa? Kyllä, kunhan selaimesi tukee WebP-tiedostojen kirjoittamista (useimmat nykyaikaiset selaimet tukevat). Jos ei, työkalu käyttää PNG:tä.

Mitä tarkoittaa “Your browser doesn’t support saving this format — used PNG instead”? Jos selaimesi ei osaa luoda WebP-tiedostoa (esim. vanha Safari), työkalu laskee kuvan PNG-muodossa ja ilmoittaa asiasta. Tällöin et saa WebP:tä, mutta saat vastaavan PNG:n, jota voit muuntaa toisella työkalulla.