Paveikslėlių konvertavimas į WebP

Norite paspartinti svetainę arba internetinę parduotuvę mažesniais paveikslėliais? Konvertuokite JPG ir PNG į WebP. Prieš konvertavimą įrankis įvertina, kiek sutaupysite lyginant su JPG, ir paruošia HTML kodą su atsargine reikšme senesnėms naršyklėms. Viskas vyksta jūsų naršyklėje, paveikslėliai niekur nesiunčiami.

Kaip konvertuoti paveikslėlį į WebP

1. Įkelkite paveikslėlius. Nuvilkite juos į langą arba spustelėkite „Naršyti failus“. Įrankis apdoroja JPG, PNG, BMP ir statinį GIF, net kelias dešimtis failų vienu metu.
2. Nustatykite kokybę. Numatytoji kokybė 80 tinka daugumai svetainių. Portfoliui rinkitės 85 iki 90, peržiūroms 70.
3. Konvertuokite ir atsisiųskite. Mygtukas „Konvertuoti“ apdoroja visą paketą, paruoštus WebP atsisiųsite po vieną arba kaip ZIP.

Kas nori daugiau detalių, po peržiūra atskleis „Techninės detalės“ su lupa, dydžio įverčiu ir HTML kodu.

Kodėl konvertuoti paveikslėlius į WebP

WebP yra Google sukurtas formatas, skirtas žiniatinkliui. Pagal Google atliktą tyrimą (anglų k.) nuostolingi WebP failai esant tokiai pačiai kokybei yra 25 iki 34 % mažesni nei JPEG, o be nuostolių maždaug 26 % mažesni nei PNG. Mažesni paveikslėliai reiškia greitesnį puslapio įkėlimą, geresnius rezultatus Core Web Vitals rodiklyje ir mažesnį duomenų naudojimą telefone.

Be to, skirtingai nei JPG, WebP palaiko skaidrumą, todėl pakeičia ir PNG su skaidriu fonu. Šiandien jį palaiko visos įprastos naršyklės (anglų k.), įskaitant Safari nuo 14 versijos.

Ką konvertavimo į WebP įrankis moka dar

Sutaupymo įvertis dar prieš konvertavimą

Techninėse detalėse rasite „Įvertis pagal pavyzdį“: įrankis užkoduoja sumažintą pasirinkto paveikslėlio pavyzdį ir apskaičiuoja, koks bus WebP dydis su pasirinktais nustatymais, koks būtų JPEG esant tokiai pačiai kokybei ir kiek procentų sutaupysite. Iš karto pamatysite, ar konvertavimas apsimoka.

HTML kodas su atsargine reikšme

Įrankis paruošia kodą elementui <picture>: naršyklės, palaikančios WebP, įkels naują failą, kitos gaus originalų JPG arba PNG. Kode yra ir paveikslėlio matmenys, ir tingus įkėlimas, belieka nukopijuoti į šabloną. Kaip veikia <picture>, aprašo MDN (anglų k.).

Lupa 100 % dydžiu

Spustelėję peržiūroje perkelsite lupą į bet kurią vietą ir palyginsite originalą su rezultatu pikselis po pikselio. Nuostolingo glaudinimo artefaktai pirmiausia pastebimi tekste, kraštuose ir švelniuose perėjimuose, ten verta pažiūrėti pirmiausia.

Skaidrumas išlieka

PNG su skaidriu fonu konvertuosite į WebP neprarasdami alfa kanalo. Jei tikslinė programa skaidrumo nepalaiko, įjunkite „Suploti skaidrumą į spalvą“.

Apsauga nuo blogo rezultato

Animuotą GIF įrankis atmes, nes iš jo tyliai liktų tik pirmas kadras. Kai konvertuotas failas išeina didesnis nei originalas, o taip nutinka su jau gerai suglaudintais paveikslėliais, lentelė tai pažymi, ir vienu paspaudimu paliekate originalą.

Mažinimas, pervadinimas, be metaduomenų

„Papildomuose nustatymuose“ paveikslėlius sumažinsite pagal ilgesniąją kraštinę pikseliais arba procentais ir masiškai pervadinsite naudodami {name}, {width}, {height} ir {index}. Konvertavimas pašalina EXIF, ICC ir GPS, todėl nuotraukos neišduoda vietos. Jei paveikslėlius reikia sumažinti iki tikslių matmenų arba iki ribos kB, naudokite vaizdų mažinimą.

Kokią WebP kokybę pasirinkti

Paskirtis	Kokybė	Pastaba
Portfolio, produktų nuotraukos	85 iki 90	Detalės be nuostolių, vis tiek mažesnis nei JPG
Įprasta svetainė ir tinklaraštis	75 iki 80	Geriausias kokybės ir dydžio santykis
Peržiūros, galerijos	65 iki 70	Maži failai, smulkūs artefaktai

Kada WebP, o kada kitas formatas

• Nuotraukos ir grafika žiniatinkliui: WebP, su atsargine reikšme <picture> elemente saugumui.
• Paveikslėliai el. laiškui, įstaigoms ar senesnėms programoms: geriau JPG, jį atvers tikrai viskas.
• Medžiaga tolesniam redagavimui ir spaudai: PNG, be jokio nuostolio.

Paveikslėlių matmenis svetainėje prieš konvertavimą greitai patikrinsite paveikslėlių matmenų analizėje.

Dažni klausimai

Kaip konvertuoti JPG į WebP?

Įkelkite JPG failus, palikite kokybę 80 arba pakeiskite ją ir spustelėkite „Konvertuoti“. Esant tokiai pačiai vizualinei kokybei WebP paprastai būna ketvirtadaliu iki trečdalio mažesnis. Kiek sutaupysite konkrečiai nuotraukai, parodys įvertis techninėse detalėse.

Kaip konvertuoti PNG į WebP ir išsaugoti skaidrumą?

Užtenka įkelti ir konvertuoti PNG, skaidrumas išliks automatiškai. Jei priešingai jo nenorite, įjunkite „Suploti skaidrumą į spalvą“.

Ar WebP palaiko visos naršyklės?

Taip, visos šiuolaikinės naršyklės, įskaitant Safari nuo 14 versijos. Senesniems įrenginiams saugumui naudokite HTML kodą su elementu <picture>, kurį paruošia įrankis: senesnė naršyklė tada įkels originalų JPG arba PNG.

Ar WebP geresnis už JPG?

Žiniatinkliui taip: esant tokiai pačiai kokybei jis mažesnis ir palaiko skaidrumą. Tačiau JPG vis dar atvers daugiau programų, spausdintuvų ir įstaigų. Todėl svetainei naudokite WebP, dalijimuisi ir spaudai JPG.

Kodėl įrankis atmetė mano GIF?

Animuotas GIF konvertuojant tyliai pavirstų vienu statiniu kadru. Kad rezultatas jūsų nenustebintų, įrankis jį atmeta. Statinius GIF failus konvertuoja be problemų.

Ar mano paveikslėliai siunčiami į serverį?

Ne. Konvertavimas vyksta tiesiai jūsų naršyklėje, failai niekur nesiunčiami.