Ilmainen muunnin

PNG kohteeseen WEBP-muunnin

Muunna PNG-kuvat WEBP-muotoon välittömästi. Pienennä tiedostokokoa säilyttäen samalla korkean laadun ja läpinäkyvyyden. Turvallinen, nopea ja täysin ilmainen.

Vedä ja pudota PNG tähän

Tukee jopa 50 Mt

Tai

Tietoa tästä työkalusta

PNG:n muuntaminen WebP:ksi on yksi tehokkaimmista yksittäisistä optimoinneista verkkokuvien toimittamiseen. Häviöttömällä pakkauksella koodattu WebP tuottaa tyypillisesti 25 % pienempiä tiedostoja kuin vastaava PNG ilman havaittavia eroja; häviöllinen WebP oletuslaadulla kutistaa usein valokuva-PNG-tiedostoja 60–80 %. Sivustoille, jotka tarjoavat paljon kuvia – verkkokauppa, blogit, dokumentaatio, paljon kuvia sisältäviä yksisivuisia sovelluksia – siirtyminen WebP-toimitukseen on mitattavissa oleva nopeus ja kaistanleveys.

Tämä muunnin koodaa WebP:n paikallisesti selaimessasi käyttämällä sisäänrakennettua kuvakooderia, joka on saatavilla jokaisessa nykyaikaisessa selaimessa canvas.toBlob('image/webp') kautta. PNG dekoodataan kankaaksi ja koodataan sitten uudelleen WebP:ksi valitulla laatutasolla. Ei latausta, ei palvelinpuolen käsittelyä, ei tiedostojen säilytystä.

Valinta häviöttömän ja häviöllisen WebP:n välillä riippuu sisällöstä. Valokuvien ja monimutkaisten värikuvien tapauksessa häviöllinen WebP laadulla 75–85 ei yleensä eroa lähteestä, mutta tiedostokoko puolittaa. Häviötön WebP säilyttää yksityiskohdat ilman artefakteja käyttöliittymän kuvakaappauksissa, logoissa, kaavioissa ja kaikissa kuvissa, joissa on teräviä reunoja tai tekstiä.

Miksi muuntaa PNG WebP:ksi

WebP on olemassa yhdestä syystä: pienemmät tiedostot vastaavalla laadulla. Nykyaikaisille verkkosivustoille tällä on merkitystä, koska sivun paino vaikuttaa suoraan latausaikaan, mobiilidatan käyttöön ja Core Web Vitals -pisteisiin, jotka vaikuttavat haun sijoitukseen. PNG-tiedostojen korvaaminen WebP:llä pienentää rutiininomaisesti 25–80 % kokoa, mikä tarkoittaa suoraan nopeampia sivuja.

Selaintuki on yleistä Chromen, Firefoxin, Safarin ja Edgen nykyisissä versioissa. Formaatti on ollut Baseline-tuettu vuodesta 2020 lähtien. Useimmissa tuotantopaikoissa WebP:n palveleminen PNG-varausvaihtoehdolla vanhoille selaimille on tarpeetonta; suora WebP-toimitus toimii yli 95 %:lla kävijöistä. Konversio on kertaluonteinen vaihe, joka maksaa itsensä takaisin jokaisella sivun katselukerralla.

Käyttöohjeet

Pudota PNG, valitse laatu, koodaa. Koko putki kulkee selaimessasi.

  1. Lataa PNG: Vedä tiedosto latausalueelle tai selaa napsauttamalla. Enintään 50 Mt:n tiedostot hyväksytään. Usean kuvan erämuunnos on tuettu.
  2. Valitse laatu: Oletusarvo on 85, mikä on hyvä häviöllinen tasapaino valokuvasisällölle. Käytä arvoa 100 häviöttömään WebP:hen – pikselin täydellinen, pienempi kuin PNG. Käytä 60–75 aggressiiviseen koon pienentämiseen valokuvasisällössä.
  3. Muunna: Selain purkaa PNG:n kankaaksi ja kutsuu canvas.toBlob('image/webp', laatu / 100). Enkooderi toimii selainprosessissa – ei palvelinta edestakaisin.
  4. Lataa: Tallenna WebP-tiedosto. Tulostustiedoston nimi käyttää lähde-PNG-nimeä .webp-tunnisteella. Korvaa PNG-viittaukset HTML- tai CMS-tiedostossasi aloittaaksesi pienemmän tiedoston käytön.

Yleiset käyttötapaukset

Tekniset tiedot

WebP käyttää VP8:aa häviölliseen koodaukseen ja VP8L:ää häviöttömään koodaukseen. Lossy WebP käyttää lohkopohjaista ennustetta (kehyksen sisäinen koodaus naapurilohkoista), DCT-kaltaisia ​​muunnoksia (4 × 4 ja Walsh-Hadamard), aritmeettista koodausta ja hienostunutta silmukkasuodatinta. Tulos on huomattavasti tehokkaampi kuin JPEG:n vanhempi 8 × 8 DCT plus Huffman -lähestymistapa.

Häviötön WebP yhdistää LZ77-taustaviittaukset useisiin valinnaisiin ennakoiviin muunnoksiin (vähennysvihreä, värivälimuisti, ennustaminen, värimuunnos). Kuvissa, joissa on toistuvia kuvioita tai suuria tasaisia ​​alueita – käyttöliittymämallit, kuvakkeet, kaaviot – säästöt PNG:hen verrattuna voivat ylittää 50 %.

Selaimen kooderi kartoittaa laatuparametrin (0–100) sisäisille VP8-kvantisointitasoille. Quality 100 laukaisee häviöttömän tilan useimmissa selaimen toteutuksissa. Koodausnopeus on tyypillisesti nopeampi kuin vastaava PNG-koodaus, koska VP8:ssa on tehokkaampi entropiakoodaus.

Parhaat käytännöt

Usein kysytyt kysymykset

Meneekö kuvanlaatu muuttaessani PNG:n WEBP:ksi?
WEBP käyttää sekä häviöllistä että häviötöntä. Saatat nähdä hieman laadun heikkenemistä, mutta useimmissa tarkoituksissa ero on mitätön. Valitse korkeampi laatuasetus, jos se on käytettävissä minimoidaksesi häviöt.
Mitkä ovat WebP-muodon edut?
WebP tuottaa tyypillisesti 25–35 % pienempiä tiedostoja kuin JPG ja PNG vastaavalla laadulla. Se tukee sekä häviöllistä että häviötöntä pakkausta, läpinäkyvyyttä ja animaatiota. Kaikki nykyaikaiset selaimet tukevat WebP:tä.
Voinko muuntaa animoituja PNG-tiedostoja?
Tämä työkalu muuntaa staattisia kuvia. Animoitua sisältöä varten tarvitset erikoistuneen animaatiomuuntimen.
Pidetäänkö kuvani yksityisinä muuntamisen aikana?
Kyllä. PNG-tiedostosi käsitellään kokonaan selaimessasi Canvas API:n ja JavaScriptin avulla. Mitään ei ladata millekään palvelimelle – tiedosto siirtyy suoraan laitteeltasi muuntimeen ja takaisin laitteellesi.
Onko minun PNG ladattu palvelimelle?
Ei. Muunnos suoritetaan selaimessasi canvas API:n ja selaimen sisäänrakennetun WebP-enkooderin avulla. Tiedostot eivät poistu laitteestasi.
Voinko muuntaa useita PNG-tiedostoja kerralla?
Kyllä. Pudota useita tiedostoja latausalueelle; jokainen koodataan erikseen ja ladataan erillisenä WebP:nä. Erittäin suurille erille työpöytätyökalu, kuten cwebp tai sharp, on tehokkaampi.
Miksi WebP tarjoaa paremman pakkauksen kuin PNG?
WebP käyttää VP8/VP8L-koodausta kehittyneellä ennuste- ja entropiakoodauksella, kun taas PNG käyttää DEFLATE - vanhempaa yleiskäyttöistä algoritmia, jota ei ole erityisesti viritetty kuvadatalle. WebP:n häviötön tila tarjoaa myös enemmän ennakoivia muunnoksia kuin PNG:n skannauskohtaiset suodattimet.
Tukeeko WebP animaatiota?
Kyllä, WebP tukee GIF- tai APNG-animaatioita. Tämä muunnin käsittelee vain still-kuvia; animoidusta PNG:stä (APNG) animoituun WebP:hen tarvitaan eri muunnospolku.