Muunna PNG WebP-muotoon

PNG on muoto, johon suunnittelijat tallentavat, ja WebP on muoto, jota verkkosivujen kannattaa tarjota. Muunnos pienentää tiedostokokoa kahdella kolmasosalla tai enemmän ja säilyttää läpinäkyvyyden ennallaan, ja jokainen nykyinen selain näyttää tuloksen. Muunnos tapahtuu laitteellasi, joten mitään ei lähetetä palvelimelle.

Näin muunnat PNG:n WebP-muotoon

Pudota yksi tai useampi PNG-kuva alla olevaan työkaluun.
Tulostusmuodoksi on jo valittu WebP. Säädä laatua halutessasi.
Napsauta Suorita, niin kuvat muunnetaan.
Lataa jokainen WebP-tiedosto erikseen tai kaikki kerralla ZIP-tiedostona.

Miksi PNG-tiedostot ovat niin suuria

PNG on häviötön. Jokainen pikseli tallennetaan täsmälleen, mikä tekee muodosta täydellisen logoille, kuvakaappauksille ja käyttöliittymägrafiikalle. Samasta syystä PNG-muotoinen valokuva voi olla 10 tai jopa 20 kertaa suurempi kuin sama kuva JPG-muodossa. Suunnitteluohjelmat tallentavat oletuksena PNG-muotoon, koska se on turvallista, ei siksi, että se olisi optimaalista. Tämän takia monet verkkosivustot tarjoilevat usean megatavun PNG-kuvia, vaikka ne voisivat olla muutaman sadan kilotavun kokoisia.

Mitä WebP tekee toisin

Google kehitti WebP:n nimenomaan verkkoa varten. Siinä on kaksi tilaa. Häviöllinen WebP käyttää videopakkausta muistuttavaa ennustusta ja muunnoskoodausta, ja sen tiedostot ovat tyypillisesti 25 ja 35 %:n välillä pienempiä kuin visuaalisesti yhtä laadukas JPG ja huomattavasti pienempiä kuin PNG. Häviötön WebP säilyttää pikselit täsmälleen kuten PNG, mutta paremmalla pakkausmenetelmällä, ja on yleensä 20 ja 30 %:n välillä pienempi kuin optimoitu PNG. Molemmat tilat tukevat läpinäkyvyyttä, ja se on tärkein syy siihen, miksi PNG:n muuntaminen WebP:ksi on niin yleistä: se on ensimmäinen laajasti tuettu muoto, jossa alfakanavan voi säilyttää maksamatta PNG:n kokohaittaa.

Laatuasetuksen valinta

Lähde-PNG sisältää	Suositeltu WebP-laatu	Tulos
Logo, kuvake, tasavärinen grafiikka	90 ja 100 välillä	Terävät reunat säilyvät, silti yli 50 % pienempi kuin PNG
Kuvakaappaus, jossa on tekstiä	85 ja 95 välillä	Teksti pysyy luettavana, tyypillisesti 60 ja 70 %:n välillä pienempi
Valokuva tai 3D-renderöinti	75 ja 85 välillä	Silmin erottamaton normaalikoossa, 80 ja 90 %:n välillä pienempi
Rajattu tuotekuva läpinäkyvällä taustalla	85 ja 90 välillä	Reunat pysyvät siisteinä, alfakanava säilyy

Missä WebP:tä kannattaa käyttää

Käytä WebP:tä kaikkialla, missä katseluohjelma on selain: verkkosivustollasi, verkkosovelluksessa, nykyaikaisiin sähköpostiohjelmiin suunnatuissa sähköpostipohjissa ja kuvien CDN-palveluissa. WordPress, Shopify, Webflow, Squarespace ja Wix hyväksyvät kaikki WebP-tiedostot nykyään. Jos sinun täytyy samaan aikaan tukea vanhaa katseluohjelmaa, tavallinen ratkaisu on HTML:n <picture>-elementti, jossa WebP-lähde on ensin ja PNG tai JPG varalla.

Älä muunna WebP-muotoon painoon toimitettavia tiedostoja, taideteosten alkuperäisiä arkistokappaleita tai tiedostoja asiakkaalle, joka avaa ne vanhalla Photoshopin tai Illustratorin versiolla. Säilytä PNG-alkuperäinen ja pidä WebP:tä jakelumuotona.

Eräkäsittely

Koko kansiollisen tallennettuja PNG-tiedostoja voi pudottaa kerralla. Jokainen muunnetaan samalla laatuasetuksella, ja tulokset ladataan yhtenä ZIP-tiedostona alkuperäisillä tiedostonimillä ja .webp-päätteellä, joten niiden vaihtaminen projektiin on pelkkä päätteen etsi ja korvaa.

Usein kysytyt kysymykset

Säilyttääkö WebP PNG-kuvani läpinäkyvän taustan?

Kyllä. WebP tukee täyttä 8-bittistä alfakanavaa, joten pehmeät reunat, varjot ja osittain läpinäkyvät alueet siirtyvät täsmälleen sellaisina kuin ne olivat PNG-kuvassa.

Kannattaako käyttää häviötöntä vai häviöllistä WebP-muotoa?

Logoille, kuvakkeille ja kuvakaappauksille, joissa on terävää tekstiä, käytä korkeaa laatuasetusta, jotta tulos pysyy terävänä. PNG-muodossa tallennetuille valokuville laatu 80 tai 85 antaa valtavan säästön ilman näkyvää heikkenemistä.

Mitkä selaimet ja sovellukset avaavat WebP-kuvia?

Chrome, Edge, Firefox, Safari (versiosta 14 alkaen) ja kaikki nykyiset mobiiliselaimet näyttävät WebP-kuvat. Windowsin Valokuvat-sovellus ja macOS:n Esikatselu avaavat ne. Jotkin vanhemmat työpöytäohjelmat ja sähköpostiohjelmat eivät avaa, joten pidä niitä varten PNG- tai JPG-versio.

Miksi WebP-tiedostoni on joskus suurempi kuin PNG?

Hyvin pienet kuvat, joissa on hyvin vähän värejä, kuten 32 pikselin kuvake, voivat olla PNG-muodossa jo lähes pienimmässä mahdollisessa koossaan. WebP loistaa kaikessa, mikä on suurempaa kuin pari sataa pikseliä.

Tiedostosi eivät koskaan poistu laitteeltasi

Jokainen Squishly Toolsin työkalu on 100 % ilmainen ja toimii kokonaan selaimessasi. Kuvasi ja asiakirjasi käsitellään omalla tietokoneellasi, eikä niitä koskaan lähetetä palvelimelle. Ei tilejä, ei vesileimoja eikä koukkuja.