Konverze PNG na WebP: Ztrátová komprese bezztrátového formátu
Převod souborů PNG (Portable Network Graphics) na WebP není jen změna přípony. PNG je bezztrátový formát – každý pixel je uložen přesně, bez ohledu na to, kolikrát soubor otevřete a znovu uložíte. WebP v režimu, který používá kvalitativní posuvník (40 %–100 %), je naopak ztrátový: data se při kompresi zahazují a výsledný obrázek je trvale degradovaný, pokud nenastavíte kvalitu na 100 % (což stále není bezztrátový režim). Tento nástroj provádí konverzi výhradně v prohlížeči – žádný soubor neopustí vaše zařízení – a ke každému převedenému obrázku zobrazí srovnání původní a výsledné velikosti.
Proč je PNG bezztrátový a WebP ztrátový
PNG používá bezztrátovou kompresi založenou na deflaci (stejný algoritmus jako ZIP). Každý kanál R, G, B a alfa (průhlednost) je uložen s plnou 8bitovou přesností. To znamená, že snímek obrazovky, logo s ostrými hranami nebo perokresba vypadají po opakovaném ukládání identicky. Fotografie, které obsahují plynulé přechody a šum, jsou v PNG ale velmi objemné – typický 10Mpx snímek může zabírat 15–25 MB, zatímco stejný obrázek v JPEGu má 2–4 MB.
WebP v tomto nástroji pracuje ve ztrátovém režimu. Kompresor využívá blokové prediktivní kódování (podobně jako VP8 video kodek) a prokládá ho kvantizací frekvenčních koeficientů. Výsledný soubor je typicky 25–35 % menší než JPEG při srovnatelné subjektivní kvalitě. Protože vstupem je bezztrátový PNG, každé snížení kvality pod 100 % nenávratně odstraní informace, které nelze obnovit. Pokud potřebujete archivní kopii nebo obrázek pro další editaci, ponechte originál v PNG.
Kvalitativní posuvník nabízí rozsah 40 % až 100 % a výchozí hodnota je 92%.
- 40% – maximální komprese, nejmenší velikost souboru, znatelné artefakty (blokování, rozmazání, barevné pruhy). Nejlepší pro fotografie převedené z PNG, kde je velikost souboru kritická a určitá ztráta kvality je přijatelná.
- 70% – běžná rovnováha. Většina diváků neuvidí zjevné vady na fotografiích a jednoduchá grafika si zachová ostré hrany.
- 100% – nejvyšší nastavení kvality. Kodér stále používá ztrátovou kompresi, ale s velmi nízkou kvantizací. U mnoha obrázků je rozdíl od původního PNG vizuálně identický, ale velikost souboru bude větší než při nižších nastaveních.
U jednoduché grafiky s velkými plochami stejné barvy může být WebP i při 100 % větší než PNG – nástroj to označí popiskem „Larger" (větší). V takovém případě konverze nedává smysl.
Kdy je WebP menší a kdy naopak větší
Základní pravidlo: čím složitější a barevně bohatší obrázek, tím větší úsporu WebP přináší. A naopak – čím jednodušší, tím menší je pravděpodobnost, že se vyplatí.
| Typ obsahu | Typická velikost PNG | Typická velikost WebP (80 %) | Úspora |
|---|---|---|---|
| Fotografie | 10 MB | 1,5 – 3,5 MB | 65–85 % |
| Snímek obrazovky s textem | 500 kB | 200–400 kB | 20–60 % |
| Logo s průhledností (jednoduché tvary) | 50 kB | 60–100 kB | –20 % (větší) |
| Perokresba s plynulými přechody | 200 kB | 80–150 kB | 25–60 % |
U log a ikon, kde je málo barev a ostré hrany, selhává prediktivní kódování WebP – kompresor musí uložit složité informace o hranách a výsledek je paradoxně větší. U fotografií, kde PNG ukládá každý pixel beze ztráty, je WebP dramaticky menší. Vždy proto používejte srovnání, které nástroj nabízí: u každého obrázku vidíte původní velikost, převedenou velikost a informaci „Saved" (ušetřeno) nebo „Larger" (větší).
Podpora WebP v prohlížečích a software
Všechny aktuální verze Chrome, Firefox, Safari, Edge a Opery WebP podporují. Problém nastává u staršího softwaru: například Adobe Photoshop (před verzí 23.2 z roku 2022), IrfanView (bez zásuvného modulu), GIMP (vyžaduje doplněk) nebo standardní náhledy ve Windows 7 a 8 nedokáží WebP otevřít nativně. Pokud obrázky distribuujete koncovým uživatelům, kteří mohou používat starší nástroje, je bezpečnější ponechat originální PNG nebo dodat WebP jako optimalizovanou variantu s fallbackem v HTML (`` element`).
Nástroj automaticky detekuje, zda prohlížeč umí zapsat WebP. Pokud ne, přepne se na PNG a zobrazí hlášku: „Váš prohlížeč nepodporuje ukládání tohoto formátu – byl použit PNG místo něj." Všechna ostatní chybová hlášení jsou definovaná:
- Nečitelný soubor: „Tento soubor nebylo možné otevřít jako obrázek. Může být poškozený, prázdný nebo to není obrázek."
- Selhání konverze: „Konverze se nezdařila. Zkuste jiný obrázek nebo formát."
- Neplatný typ souboru: „Tento typ souboru není podporován."
- Překročen limit počtu: „Vyberte nejvýše ‹max› obrázků najednou."
- Žádný obrázek: „Vyberte alespoň jeden obrázek."
Pokud se některé soubory nepodaří zpracovat, souhrnný řádek zobrazí: „‹count› souborů nebylo možné zpracovat."
Práce s více soubory a dávkový převod
Nástroj přijímá až 20 souborů najednou. Po natažení nebo výběru se každý obrázek převede samostatně a zobrazí se s tlačítkem „Stáhnout" (Download). U každého souboru vidíte výstupní název, rozměry, původní velikost, převedenou velikost a příznak úspory. Pokud jste převedli alespoň dva obrázky, objeví se tlačítko „Stáhnout vše (.zip)", které zabalí všechny WebP soubory do jednoho archivu. Souhrnný řádek dole ukazuje celkový poměr: „Celkem: ‹původní› → ‹převedeno›".
Dávkový převod je užitečný například pro webové vývojáře, kteří mají sadu PNG ikon a chtějí je naráz optimalizovat na WebP. Stačí nastavit kvalitu, vybrat všechny ikony a stáhnout ZIP. Po rozbalení mají všechny obrázky stejnou kvalitu a stejný název (jen s příponou.webp).
Soukromí a zpracování na straně klienta
Veškeré zpracování probíhá přímo v prohlížeči. Soubory se nikam nenahrávají – dekódování PNG a kódování WebP se provádí lokálně na vašem zařízení. To má dva praktické důsledky:
- Obrázky nikdy neopouštějí váš počítač, takže nástroj lze bezpečně použít pro citlivé PNG soubory (např. skeny dokumentů, návrhy produktů, fotografie s osobními údaji).
- Rychlost konverze závisí na výkonu vašeho procesoru a paměti. U velkých obrázků (např. 4000×3000 px) může převod trvat několik sekund na soubor, ale u běžných webových grafik (do 2000 px) je prakticky okamžitý.
Žádný server není zapojen do obrazových dat – pouze se stahuje kód nástroje (HTML, CSS, JavaScript), který konverzi provádí.
FAQ
Je WebP vždy menší než PNG?
Ne. U jednoduché grafiky (log, tlačítek, perokreseb s malým počtem barev) může být WebP stejně velký nebo větší. Nástroj to označí popiskem „Larger".
Proč je 100% kvalita stále ztrátová?
I při 100% nastavení kvality kodér zahazuje některé informace. Vizuální rozdíl je často nepostřehnutelný, ale pixelové srovnání ukáže odchylky.
Můžu převést PNG s průhledností?
Ano. WebP podporuje plnou 8bitovou alfa průhlednost (256 úrovní), stejně jako PNG. Průhlednost se při konverzi zachovává.
Proč se mi zobrazuje chyba o nepodporovaném formátu?
Nástroj přijímá pouze PNG soubory. Pokud přetáhnete soubor s jinou příponou, zobrazí se „Tento typ souboru není podporován."
Spadne mi prohlížeč při převodu 50 obrázků?
Nástroj vám nedovolí vybrat více než 20 obrázků najednou. U souborů s velkým rozlišením (např. 10 MB PNG) může zpracování trvat déle, ale prohlížeč by měl být stabilní.
Můžu WebP otevřít ve Photoshopu?
Ano, od verze 23.2 (2022) Adobe Photoshop nativně podporuje WebP. Starší verze vyžadují zásuvný modul nebo konverzi přes jiný nástroj.