Průvodce formátem

PNG, nebo WebP: který formát zvolit

WebP použijte pro obrázky, které bude zobrazovat prohlížeč. PNG si ponechte pro hlavní soubory a pro cokoli, co se musí otevřít všude. Zajímavé je, o kolik se WebP ve skutečnosti zmenší a čeho se kvůli tomu vzdáte.

Naměřený rozdíl

Společnost Google, která formát vyvinula, zveřejňuje čísla: bezztrátové obrázky WebP jsou o 26 % menší než PNG a ztrátové obrázky WebP jsou o 25 až 34 % menší než srovnatelné soubory JPEG při stejné kvalitě. Jedná se o průměry z testovací sady, nikoli o slib týkající se vašeho konkrétního souboru, ale správně nastavují očekávání.

Vedle sebe

Srovnání PNG a WebP
Vlastnost PNG WebP
Režimy komprese Pouze bezztrátový Bezztrátový a ztrátový
Typická velikost bezztrátové komprese Základní Asi o 26 % menší
Průhlednost Ano Ano, v obou režimech
Cena za průhlednost Zahrnuto Asi 22 % bajtů navíc v bezztrátovém režimu
Animace APNG, nejednotná podpora Ano, široce podporováno
Otevírá se v současných prohlížečích Všude Všude
Otevírá se ve starém softwaru Všude Někdy ne

Údaje o velikosti a průhlednosti pocházejí z dokumentace WebP od Googlu, která také uvádí, že ztrátový WebP s průhledností je obvykle třikrát menší než ekvivalentní PNG.

Kde WebP vítězí

  • Obrázky na vaší vlastní stránce Každý současný prohlížeč zobrazuje WebP. Čtvrtinová úspora velikosti obrázku představuje skutečné zrychlení na mobilních připojeních.
  • Průhledná grafika s fotografickým obsahem Logo na fotografickém pozadí je případ, kdy ztrátový WebP s alfa kanálem získává největší náskok před PNG.
  • Velké snímky obrazovky a záznamy uživatelského rozhraní Ploché barvy a ostrý text se v bezztrátovém WebP dobře komprimují, takže si zachováte přesné pixely a zbavíte se zbytečného objemu.
  • Kdekoli, kde je omezením šířka pásma E-mailové newslettery, dokumentační weby a katalogy plné obrázků.

Kde je PNG stále správnou volbou

Ponechte si PNG jako hlavní kopii. Převeďte kopii pro doručení. Toto jediné pravidlo pokrývá většinu níže uvedených případů.

  1. Soubory, které budete znovu upravovat Opakované ukládání do ztrátového formátu obrázek pokaždé trochu znehodnotí. Bezztrátový originál se tomuto problému zcela vyhne.
  2. Tiskové a designové procesy Spousta softwaru pro sazbu a předtiskovou přípravu stále očekává PNG nebo TIFF. Předání WebP tiskárně si koleduje o e-mail, který nechcete dostat.
  3. Cokoli, co otevírá starý systém Starší interní nástroje, starší prohlížeče dokumentů a některé formuláře pro nahrávání WebP rovnou odmítají.
  4. Soubory, které posíláte jiným lidem Kolega na starším počítači jej možná nebude moci otevřít dvojitým kliknutím. To je hlavní důvod, proč se používá převodník WebP na PNG.

Bezztrátový nebo ztrátový WebP

WebP jsou dva formáty skrývající se pod jednou příponou souboru. Bezztrátový režim zachovává každý pixel přesně. Ztrátový režim zahazuje detaily, o kterých kodér usoudí, že si jich nevšimnete, a soubor se výrazně zmenší.

Zvolte bezztrátový režim pro loga, diagramy, snímky obrazovky a cokoli s ostrými hranami nebo textem. Zvolte ztrátový režim pro fotografie a pro pozadí, kde nikdo nebude přibližovat. Text při ztrátovém nastavení získává kolem písmen měkké halo, což je artefakt, kterého si lidé všimnou jako prvního.

Převodník Vaultaire nabízí obojí. V bezztrátovém režimu načte nový soubor zpět a zablokuje stahování, pokud výstupem není skutečně bezztrátový obrázek VP8L, jehož pixely se shodují. Hodnoty alfa se musí přesně shodovat, s tolerancí maximálně 2 na přednásobený 8bitový kanál pro částečně průhlednou barvu, protože nativní kodéry prohlížečů tyto hodnoty zaokrouhlují.

Co převod udělá s metadaty

Převod je také způsob, jak odstranit to, co je k souboru připojeno. Převodník nekopíruje zdrojové záznamy EXIF, ICC, text, čas ani C2PA do nového WebP, poté naskenuje hotový soubor nezávislým analyzátorem a ponechá stahování uzamčené, pokud se objeví jakýkoli záznam.

Na tom záleží, když PNG pochází ze snímku obrazovky telefonu, exportu z fotoaparátu nebo generátoru obrázků. Pokud chcete před rozhodnutím vidět, co je připojeno, inspektor metadat to vypíše. Vše běží v pracovním vlákně prohlížeče a soubor se nikdy nenahrává.

Praktická omezení převodníku: jeden statický PNG, až 20 MB, 4,096 pixelů na každé straně a celkem 16,000,000 pixelů. Animovaný PNG je odmítnut před dekódováním, místo aby byl tiše exportován jako jeho první snímek.

Časté dotazy k PNG a WebP

Je WebP lepší než PNG?

Pro obrázky zobrazované na webu obvykle ano. Google uvádí, že bezztrátový WebP je o 26 % menší než PNG. PNG je stále lepší, když nástroj, tiskárna nebo kolega potřebuje formát, který vše podporuje již desítky let.

Podporuje WebP průhlednost?

Ano, v obou režimech. Google odhaduje alfa kanál v bezztrátovém WebP na přibližně 22 % bajtů navíc a uvádí, že ztrátový WebP s průhledností je obvykle třikrát menší než ekvivalentní PNG.

Ztrácí se při převodu PNG na WebP kvalita?

Ne v bezztrátovém režimu, který zachovává každý pixel. Ztrátový režim záměrně mění pixely. Převodník hotový soubor zpětně načte a zablokuje stahování, pokud bezztrátový převod nevytvořil skutečný bezztrátový obrázek VP8L.

Kdy bych měl zachovat PNG?

Pro originály, které budete znovu upravovat, pro tiskový a designový software, který jej očekává, pro cokoli, co musí otevřít starší systém, a pro archivované snímky obrazovky. Raději převeďte kopii pro doručení, než abyste nahrazovali originál.

Je WebP špatný pro SEO?

Ne. Menší obrázky se načítají rychleji a rychlost stránky se promítá do hodnocení. Poskytujte formát, který prohlížeč návštěvníka přijímá, a zachovejte alternativní text a pojmenování souborů tak, jak byly.

Mohu později převést zpět na PNG?

Ano, a kódování PNG je z vykreslených pixelů bezztrátové. Nemůže však vrátit zpět dřívější ztrátový průchod, takže ztrátový WebP převedený zpět na PNG je velký soubor obsahující již znehodnocené pixely.