Převod PNG do WebP

PNG je formát, do kterého exportují designéři, a WebP je formát, který by měly používat weby. Převod zmenší soubor o dvě třetiny i více a průhlednost zůstane zachována, přičemž výsledek zobrazí každý současný prohlížeč. Převod probíhá na vašem zařízení, takže se nic nenahrává.

Jak převést PNG do WebP

Přetáhněte jeden nebo více obrázků PNG do nástroje níže.
Výstupní formát je už nastaven na WebP. Pokud chcete, upravte kvalitu.
Klikněte na Spustit a obrázky se převedou.
Stáhněte každý WebP zvlášť, nebo všechny najednou jako ZIP.

Proč jsou soubory PNG tak velké

PNG je bezeztrátový formát. Každý pixel se uloží přesně, a právě proto je ideální pro loga, snímky obrazovky a grafiku rozhraní, ale také proto může být fotografie v PNG 10 až 20krát větší než stejný obrázek v JPG. Grafické nástroje ukládají ve výchozím nastavení do PNG, protože je to bezpečné, ne protože je to úsporné. Výsledkem je, že spousta webů posílá několikamegabajtová PNG u obrázků, které by mohly mít pár set kilobajtů.

Co WebP dělá jinak

WebP navrhl Google speciálně pro web. Má dva režimy. Ztrátový WebP používá predikci a transformační kódování podobné kompresi videa a obvykle vytváří soubory o 25 až 35 % menší než JPG při stejné vizuální kvalitě a mnohem menší než PNG. Bezeztrátový WebP ukládá pixely přesně jako PNG, ale chytřejší kompresí, obvykle o 20 až 30 % menší než optimalizované PNG. Oba režimy podporují průhlednost, a to je hlavní důvod, proč je převod z PNG do WebP tak častý: je to první široce podporovaný formát, který vám umožní zachovat alfa kanál, aniž byste platili velikostí jako u PNG.

Jak zvolit kvalitu

Zdrojové PNG obsahuje	Doporučená kvalita WebP	Výsledek
Logo, ikonu, plochou ilustraci	90 až 100	Ostré hrany zůstanou, přesto o 50 % a více menší než PNG
Snímek obrazovky s textem	85 až 95	Text zůstane čitelný, obvykle o 60 až 70 % menší
Fotku nebo vyrenderovaný 3D obrázek	75 až 85	V běžné velikosti okem k nerozeznání, o 80 až 90 % menší
Průhledný výřez produktu	85 až 90	Hrany zůstanou čisté, alfa kanál se zachová

Kde WebP použít

WebP používejte všude, kde obrázek zobrazuje prohlížeč: na webu, ve webové aplikaci, v e-mailových šablonách určených pro moderní klienty a v obrázkových CDN. WordPress, Shopify, Webflow, Squarespace i Wix dnes nahrávání WebP podporují. Pokud zároveň potřebujete podporovat starší prohlížeč obrázků, standardním řešením je HTML prvek <picture> se zdrojem WebP na prvním místě a záložním PNG nebo JPG.

Do WebP nepřevádějte podklady pro tisk, archivní originály grafiky ani soubory pro klienta, který je otevře ve starší verzi Photoshopu nebo Illustratoru. Originál v PNG si ponechte a WebP berte jako formát pro doručení.

Dávkový převod

Celou složku exportovaných PNG můžete přetáhnout najednou. Každý soubor se převede se stejnou kvalitou a výsledky si stáhnete jako jeden ZIP s původními názvy a příponou .webp, takže výměna v projektu je jen otázkou hromadného nahrazení přípony.

Často kladené otázky

Zachová WebP průhledné pozadí z mého PNG?

Ano. WebP podporuje plný 8bitový alfa kanál, takže měkké hrany, stíny i poloprůhledné oblasti zůstanou přesně takové, jaké byly v PNG.

Mám použít bezeztrátový, nebo ztrátový WebP?

Pro loga, ikony a snímky obrazovky s ostrým textem použijte vysokou kvalitu, aby výsledek zůstal ostrý. U fotek uložených jako PNG dá kvalita 80 až 85 obrovskou úsporu bez viditelné ztráty.

Které prohlížeče a aplikace otevřou WebP?

WebP zobrazí Chrome, Edge, Firefox, Safari (od verze 14) a každý současný mobilní prohlížeč. Otevřou ho i Fotky ve Windows a Náhled v macOS. Některý starší software pro počítače a e-mailoví klienti ho neotevřou, takže pro ně si ponechte PNG nebo JPG.

Proč je můj WebP někdy větší než PNG?

Drobné obrázky s velmi malým počtem barev, například ikona o 32 pixelech, mohou být už jako PNG blízko své minimální velikosti. WebP vyniká u všeho, co je větší než pár set pixelů.

Vaše soubory nikdy neopustí vaše zařízení

Každý nástroj na Squishly Tools je 100 % zdarma a běží celý ve vašem prohlížeči. Vaše obrázky a dokumenty se zpracovávají ve vašem vlastním počítači a nikdy se nenahrávají na server. Žádné účty, žádné vodoznaky a žádný háček.