Při optimalizaci obrázků na webu stojí správci stránek před opakující se otázkou: stačí soubor zkomprimovat, nebo se vyplatí přejít na modernější formát? Komprimace PNG a konverze na WebP jsou dva odlišné přístupy se svými výhodami, omezeními i scénáři, kde jeden jasně překonává druhý. Pojďme si obě cesty porovnat na konkrétních číslech a situacích, aby bylo rozhodnutí co nejjednodušší.
Co každá varianta nabízí
Komprimace PNG pracuje se stávajícím formátem. Algoritmus při ní projde soubor, odstraní zbytečná metadata, optimalizuje způsob zakódování dat a výsledkem je menší PNG soubor, který zůstává bezztrátový a plně kompatibilní se všemi prohlížeči, nástroji i platformami. Formát se nemění, mění se pouze efektivita uložení dat.
Konverze na WebP je jiný typ zásahu. Soubor změní formát a tím i způsob kódování. WebP byl vyvinut společností Google s cílem nabídnout výrazně efektivnější kompresi než JPEG a PNG při zachování srovnatelné vizuální kvality. Formát podporuje jak bezztrátovou, tak ztrátovou kompresi a od verze 1.0 také průhlednost prostřednictvím alpha kanálu.
Jak velké úspory každý přístup přináší
Komprimace PNG a co od ní lze realisticky očekávat
Bezztrátová komprimace PNG dosahuje typicky úspor v rozmezí 20 až 50 % oproti nekomprimovanému nebo neoptimalizovanému souboru. Výsledek závisí na obsahu, jednoduché grafické prvky s velkými plochami stejné barvy se komprimují výrazně lépe než komplexní ilustrace s tisíci různými barvami.
Přidá-li se ke komprimaci kvantizace barev, tedy redukce palety z plných 16 milionů barev na 64 až 256 barev, mohou úspory přesáhnout 60 až 70 %. Technika funguje nejlépe u log, ikon, piktogramů a plakátové grafiky. U fotografií nebo ilustrací s jemnými barevnými přechody se projeví viditelným páskováním.
Konverze na WebP a její silná stránka
WebP bezztrátová komprimace produkuje soubory průměrně o 26 % menší než optimalizované PNG při identické vizuální kvalitě. Toto číslo pochází z technické dokumentace Googlu a je konzistentně potvrzováno nezávislými testy.
U ztrátové komprimace WebP jsou úspory ještě výraznější: soubory bývají o 25 až 35 % menší než srovnatelné JPEG a o 60 až 80 % menší než PNG s fotografickým obsahem.
Kde komprimace PNG stále vede
Univerzální kompatibilita bez kompromisů
PNG funguje na každém zařízení, v každém prohlížeči, v každé aplikaci, e-mailovém klientovi, prezentačním nástroji i tiskárně. WebP takto univerzální není. Přestože moderní prohlížeče Chrome, Firefox, Safari a Edge WebP podporují, starší verze Safari před rokem 2020 ho nezobrazí. E-mailové klienty, zejména Outlook, WebP nepodporují vůbec.
Pro obrázky určené do e-mailových kampaní, firemních prezentací, dokumentace nebo tiskových materiálů je PNG bezpečnější volbou bez ohledu na to, jak velké úspory WebP nabízí.
Archivní a pracovní soubory
Grafické podklady, ze kterých se generují další výstupy, by měly zůstat v PNG nebo ještě lépe v bezeztrátovém formátu s maximální kvalitou. WebP jako archivní formát má smysl pouze tehdy, pokud celý pracovní řetězec od tvorby po distribuci WebP podporuje.
Kde konverze na WebP jasně vede
Webové stránky s moderními prohlížeči
Pokud web obsluhuje uživatele na aktuálních prohlížečích a CMS konverzi zvládne, přechod na WebP přináší okamžité a měřitelné zrychlení. WordPress, Shoptet i většina dalších platforem WebP dnes nativně podporuje nebo přes běžně dostupné pluginy.
Úspory z přechodu na WebP se projeví ve skóre Core Web Vitals i v době načítání na mobilních zařízeních.
Obrázky s průhledností na webu
PNG s alpha kanálem je tradičně nejrozšířenějším řešením pro průhlednou grafiku. WebP ovšem alpha průhlednost podporuje také a výsledné soubory bývají výrazně menší. Logo s průhledným pozadím ve formátu WebP dosáhne typicky třetiny až poloviny velikosti srovnatelného PNG-24, přičemž průhlednost funguje identicky.
Jak se rozhodnout v konkrétním případě
Rozhodnutí mezi komprimací PNG a konverzí na WebP závisí na třech otázkách:
- Kde bude obrázek použit? Web s moderními prohlížeči: WebP. E-mail, prezentace, tisk, dokumentace: PNG.
- Jak komplexní je obsah? Jednoduchá grafika, ikony, loga: komprimace PNG s kvantizací barev přináší srovnatelné výsledky jako WebP. Fotografie a komplexní ilustrace: WebP vyhrává.
- Jak velký je objem souborů? Pro jednotlivé soubory je rozdíl v pracnosti minimální. Pro stovky nebo tisíce souborů v e-shopovém katalogu dává smysl investovat do nastavení automatické konverze na WebP přímo v CMS.
Nejrychlejší způsob, jak zjistit, co konkrétnímu souboru přinese větší úsporu, je vyzkoušet obě varianty. Nástroj pro komprimaci obrázků OptiBot zpracuje PNG soubor online bez instalace a výsledek nabídne ke stažení během sekund. Vizuální porovnání originálu a komprimované verze pak ukáže, zda komprimace PNG stačí, nebo zda se konverze na WebP vyplatí.
PNG zůstává nenahraditelné všude tam, kde záleží na univerzální kompatibilitě. WebP vede tam, kde jde o maximální datovou úsporu při webovém použití. Znát rozdíl a aplikovat správný přístup ve správnou chvíli je základ efektivní optimalizace obrázků.
