Piltide teisendamine WebP-ks

Kas soovid kiirendada veebilehte või e-poodi väiksemate piltidega? Teisenda JPG ja PNG WebP-ks. Teisendaja hindab enne teisendamist, kui palju säästad JPG-ga võrreldes, ning valmistab ette ka HTML-koodi varulahendusega vanemate brauserite jaoks. Kõik toimub sinu brauseris, pilte ei laadita kuhugi üles.

Kuidas teisendada pilti WebP-ks

1. Laadi pildid üles. Lohista need aknasse või klõpsa nupul „Sirvi faile“. Teisendaja tuleb toime JPG, PNG, BMP ja staatilise GIF-iga, kümnete failidega korraga.
2. Määra kvaliteet. Vaikekvaliteet 80 sobib enamikule veebilehtedele. Portfoolio jaoks vali 85 kuni 90, eelvaadete jaoks 70.
3. Teisenda ja laadi alla. Nupp „Teisenda pilte“ töötleb kogu paki, valmis WebP-d saad alla laadida ükshaaval või ZIP-ina.

Kes tahab minna detaili, avab eelvaate all „Tehnilised detailid“ koos suurendusklaasi, kokkuhoiu hinnangu ja HTML-koodiga.

Miks teisendada pilte WebP-ks

WebP on Google’i loodud vorming, mis on mõeldud veebi jaoks. Google’i uuringu (inglise keeles) järgi on kadudega WebP-failid sama kvaliteedi juures 25 kuni 34 protsenti väiksemad kui JPEG ja kadudeta failid ligikaudu 26 protsenti väiksemad kui PNG. Väiksemad pildid tähendavad kiiremat lehe laadimist, paremaid tulemusi Core Web Vitalsis ja väiksemat andmemahtu mobiilis.

JPG-ga võrreldes oskab WebP lisaks läbipaistvust, nii et see asendab ka läbipaistva taustaga PNG. Praegu toetavad seda kõik levinud brauserid (inglise keeles), sealhulgas Safari alates versioonist 14.

Mida teisendaja WebP-ks veel oskab

Kokkuhoiu hinnang juba enne teisendamist

Tehnilistes detailides leiad „Hinnang valimi põhjal“: teisendaja kodeerib valitud pildist vähendatud valimi ja arvutab, kui suur oleks WebP valitud seadistusega, kui suur oleks JPEG sama kvaliteedi juures ja mitu protsenti sa säästaksid. Nii näed kohe, kas teisendamine tasub end ära.

HTML-kood varulahendusega

Teisendaja valmistab ette valmis koodi elemendile <picture>: WebP-d toetavad brauserid laadivad uue faili, teised saavad algse JPG või PNG. Kood sisaldab ka pildi mõõtmeid ja laisklaadimist, piisab selle kopeerimisest malli sisse. Kuidas <picture> töötab, kirjeldab MDN (inglise keeles).

Suurendusklaas 100% suuruses

Klõpsates eelvaatesse liigutad suurendusklaasi suvalisse kohta ja võrdled originaali tulemusega piksel-pikslilt. Kadudega pakkimise artefaktid tulevad esimesena nähtavale tekstis, servadel ja pehmetes üleminekutes, seal tasub kõige rohkem vaadata.

Läbipaistvus säilib

Läbipaistva taustaga PNG teisendad WebP-ks ilma alfakanalit kaotamata. Kui sihtrakendus läbipaistvust ei toeta, lülita sisse „Lamesta läbipaistvus värvile“.

Kaitse halva tulemuse eest

Animeeritud GIF-i teisendaja tagasi lükkab, sest sellest jääks vaikimisi alles ainult esimene kaader. Kui teisendatud fail tuleb originaalist suurem, mis juhtub juba hästi tihendatud piltidega, märgib tabel selle ära ja ühe klõpsuga jätad originaali alles.

Vähendamine, ümbernimetamine, ilma metaandmeteta

„Täpsemates valikutes“ vähendad pilte pikema külje pikslites või protsentides ja nimetad need pakiviisiliselt ümber, kasutades {name}, {width}, {height} ja {index}. Teisendamine eemaldab EXIF, ICC ja GPS, nii et fotod ei reeda asukohta. Kui pead pildid vähendama täpsetesse mõõtmetesse või kB piirmäärani, kasuta piltide suuruse vähendamist.

Millist WebP kvaliteeti valida

Eesmärk	Kvaliteet	Märkus
Portfoolio, tootefotod	85 kuni 90	Detailid kadudeta, ikka väiksem kui JPG
Tavaline veeb ja blogi	75 kuni 80	Parim kvaliteedi ja suuruse suhe
Eelvaated, galeriid	65 kuni 70	Väikesed failid, väikesed artefaktid

Millal WebP ja millal muu vorming

• Fotod ja graafika veebi jaoks: WebP, koos varulahendusega <picture> kindluse mõttes.
• Pildid e-posti, asutuste või vanemate programmide jaoks: pigem JPG, selle avab tõesti kõik.
• Materjalid edasiseks töötluseks ja trükiks: PNG, ilma igasuguse kadudeta.

Piltide mõõtmed veebis kontrollid kiirelt üle piltide mõõtmete analüüsis.

Korduma kippuvad küsimused

Kuidas teisendada JPG WebP-ks?

Laadi üles JPG-failid, jäta kvaliteediks 80 või muuda seda ning klõpsa „Teisenda pilte“. WebP on sama visuaalse kvaliteedi juures tavaliselt veerandi kuni kolmandiku võrra väiksem. Kui palju konkreetne foto säästab, näitab hinnang tehnilistes detailides.

Kuidas teisendada PNG WebP-ks ja säilitada läbipaistvus?

Piisab kui laadid PNG üles ja teisendad, läbipaistvus säilib automaatselt. Kui seda hoopis ei soovi, lülita sisse „Lamesta läbipaistvus värvile“.

Kas kõik brauserid toetavad WebP-d?

Jah, kõik praegused brauserid, sealhulgas Safari alates versioonist 14. Vanemate seadmete kindlustamiseks kasuta HTML-koodi elemendiga <picture>, mille teisendaja valmistab ette: vanem brauser laadib siis algse JPG või PNG.

Kas WebP on parem kui JPG?

Veebi jaoks jah: sama kvaliteedi juures on see väiksem ja oskab läbipaistvust. JPG avab siiski ikka rohkem programme, printereid ja asutusi. Veebis kasuta seega WebP-d, jagamiseks ja trükiks JPG-d.

Miks teisendaja mu GIF-i tagasi lükkas?

Animeeritud GIF muutuks teisendamisel vaikimisi üheks staatiliseks kaadriks. Et tulemus sind ei üllataks, lükkab teisendaja selle tagasi. Staatilised GIF-id teisendab see probleemideta.

Kas mu pildid laaditakse serverisse üles?

Ei. Teisendamine toimub otse sinu brauseris ja faile kuhugi ei saadeta.