Tipy pro kreslíře: PNG
Autor: Drake Emko, 
12. května 2001 (poslední úprava: 25. září 2002)
Formát PNG byl původně navržen jako náhrada za GIF. Ačkoli je oficiálním internetovým obrazovým formátem od roku 1996, jeho rozšíření na webu bylo překvapivě pomalé. Škoda, protože PNG má řadu výhod, obzvlášť pro webové kreslíře.
Napsal jsem tento článek, abych kreslíře povzbudil k používání PNG a sdílel pár tipů, jak využít jeho silné stránky. Správně použitý PNG může výrazně snížit velikost souboru a dobu načítání vašich komiksů.
Proč je PNG skvělý
Přednosti PNG se výborně hodí pro online komiksy:
- Podporuje truecolor grafiku (miliony barev), zatímco GIF umí jen 256. PNG komiksy tak vypadají živěji než GIF.
- Kompresi PNG je bezztrátová, takže při ukládání nedochází ke zhoršení kvality jako u JPEG. Nebudou tam žádné "duchy" ani fleky jako u JPEG.
- PNG je open-source formát, bez patentů. GIF používá patentovaný kompresní algoritmus, což může znamenat právní problémy a poplatky.
- PNG se obvykle komprimuje efektivněji než GIF. Menší velikost znamená rychlejší načítání – čtenáři nečekají. Dál v článku najdete tipy, jak z PNG dostat maximum.
Stručně: PNG kombinuje (a vylepšuje) to nejlepší z GIF a JPEG. Všechny moderní prohlížeče ho dnes podporují, takže obavy o kompatibilitu nejsou na místě.
A teď už dost teorie – jdeme na konkrétní tipy.
Efektivní použití PNG
PNG vypadá stejně bez ohledu na úroveň komprese
Na rozdíl od JPEG, kde volíte mezi kvalitou a velikostí, PNG zůstává vizuálně stejný při jakékoli úrovni komprese. Takže při finálním uložení dejte maximální kompresi. Při editaci ale můžete zvolit nižší, kvůli rychlosti ukládání.
Některé editory jsou lepší než jiné
Ne každý editor ukládá PNG stejně efektivně. Photoshop je v tomhle známý špatně. Doporučujeme GIMP nebo Macromedia Fireworks, případně JASC Paint Shop Pro 7 s optimalizací PNG (pozor, ta může být ztrátová).
pngcrush je váš kamarád
pngcrush je nástroj v příkazové řádce (Linux, Windows), který umí zmenšit PNG až o 40 %. Před nahráním na web přes něj komiksy proženeme vždy. Stáhnout ho můžete zde.
Použijte indexovanou paletu, pokud nepotřebujete miliony barev
GIF má vždy 256 barev. Pokud chcete srovnávat, PNG musíte uložit taky jako indexovaný (ne truecolor). Pomůže to výrazně zmenšit velikost. Často stačí i 128 nebo méně barev.
Jediný tip, který si zapamatujte? Tento. Indexovaná paleta vám ušetří nejvíc.
Nepoužívejte prokládání
Prokládání sice dělá "cool efekt", kdy se obrázek postupně doostřuje, ale zvětší PNG až o 20 %. Nám za to ten vizuální trik nestál.
Nepřevádějte JPEG na PNG
Převod GIF → PNG dává smysl. Ale JPEG obsahuje přechody a barvy, které PNG neumí komprimovat efektivně. V takovém případě radši nechte JPEG.
Upravte obrázek – odstraňte šmouhy, stíny
PNG miluje čisté bloky barev. Smítka a stíny (i skoro neviditelné) nafouknou velikost. Před kolorováním vyplňte všechny oblasti čistou bílou.
Kdy PNG *ne*používat
Pro fotografie, složité přechody nebo stínované obrázky bývá lepší JPEG. PNG neumí animace – GIFy ano. Existuje sice formát MNG, ale není moc rozšířený.
Pozor také na průhlednost – PNG má lepší než GIF, ale ne každý prohlížeč ji zobrazuje korektně.
Reference:
- PNG: The Definitive Guide, Greg Roelofs
- Domovská stránka PNG
- Open Letter to Web Cartoonists, C. B. Wright
- Burn All GIFs
Software:
Poznámky:
- Fireworks používá PNG jako svůj nativní formát.
- PSP 7 má optimalizaci PNG, ale může být ztrátová. Používejte opatrně.
- PNG technicky podporuje až biliony barev (48bit), ale pro komiksy je to zbytečné.
- MNG je alternativní formát pro animace, ale není moc rozšířený.
Komiksy používající PNG
Seznam komiksů používajících PNG najdete zde. Chcete-li přidat svůj, napište autorovi.