PNG teisendamine WebP-ks

PNG on vorming, milles disainerid faile ekspordivad, ja WebP on vorming, mida veebilehed peaksid kasutama. Teisendamine vähendab faili mahtu kahe kolmandiku võrra või rohkemgi, säilitades läbipaistvuse täielikult, ja tulemust oskab kuvada iga tänapäevane brauser. Teisendus toimub sinu seadmes, nii et midagi ei laadita üles.

Kuidas PNG-faili WebP-ks teisendada

Lohista üks või mitu PNG-pilti allolevasse tööriista.
Väljundvorming on juba seatud: WebP. Soovi korral muuda kvaliteeti.
Klõpsa teisendamiseks „Käivita“.
Laadi iga WebP-fail alla või kõik korraga ZIP-failina.

Miks PNG-failid on nii suured

PNG on kadudeta. Iga piksel salvestatakse täpselt ja just see teeb vormingu ideaalseks logode, ekraanipiltide ja kasutajaliidese graafika jaoks, kuid samal põhjusel võib PNG-vormingus foto olla 10 kuni 20 korda suurem kui sama pilt JPG-na. Disainitööriistad salvestavad vaikimisi PNG-na, sest see on turvaline, mitte sellepärast, et see oleks tõhus. Tulemuseks näitavad paljud veebilehed mitme megabaidi suuruseid PNG-faile piltide jaoks, mis võiksid olla mõnesaja kilobaidi suurused.

Mida WebP teeb teisiti

WebP töötati Google'is välja spetsiaalselt veebi jaoks. Sellel on kaks režiimi. Kadudega WebP kasutab videotihendusega sarnast ennustamist ja teisenduskodeerimist ning annab tavaliselt sama visuaalse kvaliteediga JPG-st 25 kuni 35% väiksemaid faile ja PNG-st palju väiksemaid. Kadudeta WebP salvestab pikslid täpselt nagu PNG, kuid nutikama tihendusskeemiga, mis on tavaliselt optimeeritud PNG-st 20 kuni 30% väiksem. Mõlemad režiimid toetavad läbipaistvust ja see on peamine põhjus, miks PNG teisendamine WebP-ks on nii levinud: see on esimene laialt toetatud vorming, mis laseb alfakanali alles hoida ilma PNG suuruse hinda maksmata.

Kvaliteedisätte valimine

Lähte-PNG sisaldab	Soovitatav WebP kvaliteet	Tulemus
Logo, ikoon, lihtne illustratsioon	90 kuni 100	Teravad servad säilivad, ikkagi PNG-st üle 50% väiksem
Tekstiga ekraanipilt	85 kuni 95	Tekst jääb loetavaks, tavaliselt 60 kuni 70% väiksem
Foto või renderdatud 3D-pilt	75 kuni 85	Tavasuuruses silmaga eristamatu, 80 kuni 90% väiksem
Läbipaistva taustaga välja lõigatud toode	85 kuni 90	Servad jäävad puhtaks, alfakanal säilib

Kus WebP-d kasutada

Kasuta WebP-d kõikjal, kus pilti vaatab brauser: oma veebilehel, veebirakenduses, tänapäevastele meiliprogrammidele suunatud e-kirjade mallides ja pildi-CDN-ides. WordPress, Shopify, Webflow, Squarespace ja Wix võtavad kõik tänapäeval WebP-faile vastu. Kui pead samal ajal toetama vana vaaturit, on tavapärane lahendus HTML-i element <picture>, kus esimesena on WebP-allikas ja varuvariandina PNG või JPG.

Ära teisenda WebP-ks faile, mis lähevad trükki, mis on mõeldud originaalkujunduse arhiveerimiseks või mida saadad kliendile, kes avab faili Photoshopi või Illustratori vanemas versioonis. Hoia PNG-originaal alles ja käsitle WebP-d edastusvormingina.

Hulgiteisendamine

Terve kausta jagu eksporditud PNG-faile saab korraga sisse lohistada. Iga fail teisendatakse sama kvaliteedisättega ja tulemused laaditakse alla ühe ZIP-failina, millel on algsed failinimed ja laiend .webp, nii et projektis nende väljavahetamine on vaid laiendi otsimine ja asendamine.

Korduma kippuvad küsimused

Kas WebP säilitab mu PNG läbipaistva tausta?

Jah. WebP toetab täielikku 8-bitist alfakanalit, nii et pehmed servad, varjud ja poolläbipaistvad alad jäävad täpselt samasuguseks nagu PNG-failis.

Kas kasutada kadudeta või kadudega WebP-d?

Logode, ikoonide ja teravat teksti sisaldavate kuvatõmmiste puhul kasuta kõrget kvaliteeti, et tulemus jääks terav. PNG-na salvestatud fotode puhul annab kvaliteet 80 kuni 85 suure säästu ilma nähtava kaota.

Millised brauserid ja rakendused avavad WebP-faile?

Chrome, Edge, Firefox, Safari (alates versioonist 14) ja kõik tänapäevased mobiilibrauserid kuvavad WebP-d. Windowsi Photos ja macOS-i Preview avavad selle. Mõned vanemad arvutiprogrammid ja e-posti rakendused seda ei ava, nii et nende jaoks jää PNG või JPG juurde.

Miks on mu WebP mõnikord suurem kui PNG?

Väga väikesed ja väga vähese värviga pildid, näiteks 32-piksline ikoon, võivad juba PNG-na olla peaaegu minimaalse suurusega. WebP särab kõige puhul, mis on suurem kui paarsada pikslit.

Sinu failid ei lahku kunagi sinu seadmest

Iga Squishly Toolsi tööriist on 100% tasuta ja töötab täielikult sinu brauseris. Sinu pilte ja dokumente töödeldakse sinu enda arvutis ning neid ei laadita kunagi serverisse üles. Pole kontosid, vesimärke ega konksu.