Už nastala doba pro PNG

No, tak číst je umí i ty starší. Problém byl s průhledností, kterou png umí stejně jako gif. Starší prohlížeče průhlednost png nedokázaly zobrazit a vznikal z toho marast. U některých prohlížečů to šlo fixnout přes JS, ale stejně s tím byly problémy. Pokud vím, nové prohlížeče už s tím problém nemají a je fakt, že png je oproti gifu někde úplně jinde. Pokud jde ale o png bez průhlednosti, pak se není čeho obávat.

"Controversy over the licensing agreement between the patent holder, Unisys, and CompuServe in 1994 spurred the development of the Portable Network Graphics (PNG) standard; since then all the relevant patents have expired." ... 5 vteřin hledání;) (wiki: gif)

No pro IE6 budeš muset skoro jistě použít - pokud budeš chtít použít nějakou poloprůhlednost (ta může být ikdyž si myslíš že máš jen průhlednost, jde o hrany kde pak png má oproti gifu hladké okraje) http://koivi.com/ie-png-transparency/
Nebo nějaký png fix, ale to je, pokud vím, to samé co jsem poslal, akorát že se to aplikuje automaticky

Michal Kolesa
Doba pro PNG už dávno nastala, prohlížeče je umí číst. Jenom IE6 neumí u PNG průhlednost.

„Kdy je lepší používat PNG a kdy GIF ? “
GIF má jedno zásadní omezení: může mít maximálně 256 barev. Takže když chceš mít např. plynulý přechod, tak GIF nejde použít (místo plynulého přechodu bys měl pásy) a PNG je dobrá volba.

„Čezl jsem, že za GIF by se mělo platit, protože je licencovaný“
Skutečnost je pokud vím taková, že za používání formátu GIF se nikdy neplatilo. Rozhodně tebe za to nikdo pronásledovat nebude :)

Kdykoliv narazíš na to, že je něco v softwaru patentované, tak se na to můžeš na území ČR vyprdnout, protože u nás nejsou softwarové patenty legální. Podle wikipedie je software patentovatelný v USA a Jižní Koreji a za určitých podmínek snad i v Japonsku.

Michal Kolesa
„Jak to vypadá s velikostí ? “
co tahkle vyzkoušet? a ne zase pořád tahat moudra.

Reaguji na implodera:
„tak se na to můžeš na území ČR vyprdnout, protože u nás nejsou softwarové patenty legální“
1) Vážně? Neslyšel jsem o tom, že by nějaký náš zákon speciálně upravoval (zakazoval) tento druh patentů.
2) Myslím, že je ČR vázána mezinárodními úmluvami, které zajišťují, že se práva na duševní vlastnictví uplatňují podle země vzniku díla. Nevím, zda se to vztahuje i na patenty.


Reaguji na Michala Kolesu:
„Jaký program dělá průhledné PNG ?“
Co takhle hledat?
Před otazníkem se nedělá mezera.

Michal Kolesa
„Jaký program dělá průhledné PNG ?“
Např. GIMP. Prostě ta šachovnice zobrazující se úplně na pozadí (po odstranění všech vrstev v daném místě) se uloží jako průhledná.
Pokud máš Photoshop, tak v tom to jde taky bez problémů.

„1) Vážně? Neslyšel jsem o tom, že by nějaký náš zákon speciálně upravoval (zakazoval) tento druh patentů. “
Nemyslel jsem to tak, že by to nějaký zákon přímo zakazoval, ale prostě že u nás neplatí. Není možné patentovat software.

„2) Myslím, že je ČR vázána mezinárodními úmluvami, které zajišťují, že se práva na duševní vlastnictví uplatňují podle země vzniku díla. Nevím, zda se to vztahuje i na patenty. “
Tak to mě nenapadlo, myslel jsem, že ne, protože pak by např. RPM-fusion nebylo legální. Přitom oni tam přímo píšou, že Fedora je omezená patentovými zákony USA a proto ty balíky nemůže šířit (odkaz). Tzn. když někdo jiný ve Španělsku (tam jsou servery RPM-fusion) může, tak tím omezený není. Je ale možné, že u nás je to jinak než ve Španělsku. To opravdu nevím.

Michal Kolesa
Ty si taky případ:)

„Myslím, že PNG bude o něco větší, když umoˇžnuje více barev“
O to nejde, ty formáty reprezentují často různé komprimační algoritmy které se liší (bez)ztrátovostí, kvalitou komprese, vhodností na určité typy obrázků atp.

Záleží na konkrétním obrázku, jestli bude menší v gif, jpg, png... Pokud vím tak např. png je (vzhledem k tomu, jak je utvořený algoritmus komprese) vhodný třeba na
horizontální gradienty, ale jistě to teď nevím...něco by mohlo být tu:

http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/
http://www.smashingmagazine.com/2009/07/25/png-optimization-guide-more-clever-techniques/

Prostě zkus v čem bude obrázek menší
Osobně se snažím používání PNG s průhledností minimalizovat, kvůli tomu IE6

„GIF má jedno zásadní omezení: může mít maximálně 256 barev. Takže když chceš mít např. plynulý přechod, tak GIF nejde použít (místo plynulého přechodu bys měl pásy) a PNG je dobrá volba.“
Navíc GIF má pouze 2 stupně průhlednosti - neprůhledný a plně průhledný. PNG má 8bitovou masku průhlednosti (alias alfa kanál)

„Kde bych vzal fotoshop ? Ten stojí 20 litrů !“
Vydělal si a koupil, no, jak jinak...

„Popište mi jak se dělá půrhledné PNG v GIMPu, díky“
Ách jo:
http://www.google.com/search?q=gimp+transparency
http://www.google.com/search?hl=cs&q=gimp+transparent+background&btnG=Hledat&lr=

http://www.google.com/search?hl=cs&q=gimp+pr%C5%AFhlednost&btnG=Hledat&lr=lang_cs
http://www.google.com/search?hl=cs&q=gimp+pr%C5%AFhledn%C3%A9+pozad%C3%AD&btnG=Hledat&lr=lang_cs

Některé mýty bych rád uvedl na pravou míru:
1) To, že GIF umí max. 256 barev, je pouze polovina pravdy. Těch 256 barev totiž umí na jeden „rámec“, takže ve skutečnosti umí zobrazit naráz barev daleko víc. http://www.root.cz/clanky/pravda-a-myty-o-gifu/#k04
2) Za GIF se neplatí ne proto, že bychom se na tento druh patentů mohli v ČR vyprdnout, nýbrž proto, že tento patent vypršel – http://www.lupa.cz/zpravicky/gif-uz-bez-licencnich-poplatku-za-lzw/ (ve skutečnosti nešlo o patent na GIF, nýbrž na LZW kompresi, kterou GIF používá).
3) PNG je datově větší hlavně v případě, když namísto indexovaných barev použije režim RGB, ale pak už jde o jiný obrázek. Pokud vedle sebe postavíme dva indentické obrázky a pouze je uložíme v GIFu a v PNG (ve stejné barevné hloubce), PNG bývá díky vyšší (jiný kompresní algoritmus) kompresi datově menší.

pokud dělám stránky pro někoho cizího, tak problémy s .png respektuji a řeším je


pokud dělám cokoliv pro sebe tak na to zvysoka kašlu, klidně použiji průhledné .png a nijak neřeším

„Těch 256 barev totiž umí na jeden „rámec“, takže ve skutečnosti umí zobrazit naráz barev daleko víc“
V praxi maximálně 256. Že si někdo může napsat v céčku čtečku GIFů s více paletami, už není webdesignerův problém.

„Čezl jsem, že za GIF by se mělo platit, protože je licencovaný“
I kdyby ještě licence nevypršela, týkalo by se to jen použití algoritmu v editoru (proto např. knihovna GD v PHP do nedávna GIF nepodporovala).

PNG existuje v několika variantách. 8-bitové PNG je vlastně ekvivalentem GIFu (256barev, indexovaná průhlednost, prokládání). 24-bitové (high color) a 32-bitové (true color) PNG má navíc 8-bitový alpha kanál pro průsvitnost - ten právě IE6 nepřečte, místo průsvitnosti zobrazí šedou barvu.

Takže pokud se chce někdo cítit víc cool, může 8-bitovou variantu PNG místo GIFu používat už delší dobu (kompresní poměry jsou srovnatelné).

Michal Kolesa
„Jak to vypadá s velikostí ?
Myslím, že PNG bude o něco větší, když umoˇžnuje více barev“
Pokud je GIF neprokládaný, neanimovaný, se stejnou barevnou hloubkou a bez komentáře, má stejnou velikost bez ohledu na program, krerý ho uložil.
U PNG je situace mnohem stožitější, velmi záleží na konkrétním programu a na nastavení.

„V některé knize (už nevím v které, mám jich doma dost), jsem četl, že PNG se nemají používat, že prý prohlížeče je neumí číst.“
Hodně stará kniha. Na Interval cz je někde v hlubinách pojednání o tom, které prohlížeče mají s PNG problémy, článek je asi stejně starý, jako tvá kniha.

„Umí je číst dnešní prohlížeče ?Konkrétně IE8, FF 3.5, Opera 9.6“
Vyzkoušej:
http://www.totalvalidator.com/validator/ValidatorForm (v roletce vyber prohlížeč pro screenshot)
http://browsershots.org/ (zatrhni prohlížeče, ze kterých chceš vidět screenshot)

imploder
„chceš mít např. plynulý přechod, tak GIF nejde použít“
Na spoustu přechodů je možné použít GIF. Já postupuji tak, že "vyjedu" přechod v PNG a v IrfanView si nechám spočítat počet barev. třebas tenhle má 204 barev. Přesto bych nepoužil GIF, jeho datová velikost by byla (v tomto konktétním případě) více než 40× větší.
Tím se dostáváme k optimalizaci, můžu použít GIF 1px vysoký (nebo široký, podle potřeby) a datová velikost GIFu a PNG bude (v tomto konktétním případě) srovnatelná.

Miloš
„3) PNG je datově větší hlavně v případě, když namísto indexovaných barev použije režim RGB, ale pak už jde o jiný obrázek. Pokud vedle sebe postavíme dva indentické obrázky a pouze je uložíme v GIFu a v PNG (ve stejné barevné hloubce), PNG bývá díky vyšší (jiný kompresní algoritmus) kompresi datově menší.“

V 95% (číslo jsem si vycucal z palce u nohy) tomu tak je. Ale neplatí pro pidiobrázky zhruba o rozměrech 16×16px a méně:
GIF má menší hlavičku, proto může být menší, než PNG používající lepší kompresní algoritmus.
PNG s barvnou paletou může být větší, než truecolor PNG, protože i paleta zabírá v souboru místo
Ale tím bych se nezabýval, protože takový malý obrázek se přenese v jednom, maximálně ve dvou paketech.

DoubleThink
„V praxi maximálně 256. Že si někdo může napsat v céčku čtečku GIFů s více paletami, už není webdesignerův problém.“
Kde o neobvyklý, ale jinak naprosto korektní GIF. Takže pokud to žeknu jinak, všechny webové prohlížeče mají s formátem GIF problémy. Naštěstí běžné programy neumí takové GIFy zapisovat a taky jejich datová velikost je srovnarelná s obrázky ve formátu BMP.

Nikdo nezmínil "problém" s gamou.

http://browsershots.org/ Já mám stránku v češtině ;-)
Pokud máš stránku v angličtině, tak vpravo nahože je roletka pro výběr jazyka.

Odkaz na překladač stránek jsi už dostal 100×.
screenshot = fotka obrazovky ;-)

„Když vidím doménu com tak na to neklikám“
Google.com: site:com + Stránky pouze česky

Reaguji na Michala Kolesu:
„Když vidím doménu com tak na to neklikám“
To je dobré vědět. V nouzi nejvyšší přestěhujeme diskusi na jakpsatweb.com :-)

„Nikdo nezmínil "problém" s gamou.“
Asi proto, že to není problém. Fotošopa (konkrétně modul ImageReady pro export webové grafiky) gAMA chunk do PNG standardně nevkládá. Fireworks taky ne.