PNG a Internet Explorer

30. srpen (čtvrtek)

RSS komentářů

Tak pozor milý čtenáři! Avizoval jsem sice předem, že o tvorbě webu psát nechci a nebudu, ale protože jsem přišel na něco skvělého, prostě se podělit musím :) . Amerika ještě nebyla objevena celá, a to ani ve webdesignu! B) 

Alfa, béta, gamma

Většina webu se zabývá v souvislosti s PNG a IE průhledností, s níž má Explorer velké potíže. Jsou již na světe samozřejmě způsoby, jak to obejít, a rozumnému člověku stačí k jejich odhalení Google. O čem se však téměř nikde nepíše (alespoň tedy česky), je také zvláštní zpracování gamma hodnot obrázků PNG v IE. Pokud tentýž obrázek PNG zobrazíš ve Firefoxu, Opeře a IE, zjistíš (a to i v IE7), že nejrozšířenější browser holt grafiku zobrazí s mírně odlišnými odstíny barev. Jedná-li se o obrázek uprostřed textu, zřejmě ti to bude docela fuk. Jestliže potřebuješ obrázek zasadit do přesného pixelového layoutu, zjistíš, že ti nesedí do barev vykreslovaných prohlížečem pomocí CSS nebo barev ostatních souborů.

Spása drcením

Řešení? Existuje program PNGcrush, jenž si umí s formáty PNG a MNG docela slušně pohrát. Jedna z věcí, které dokáže, je právě optimalizace gamma hodnoty tak, aby se s ním popral i IE. Program je ke stažení i pod Windows – jedna exe binárka, nemusí se samozřejmě instalovat a spouští se z příkazového řádku. Soubor pngcrush.exe si tedy nahraj do adresáře se všemi postiženými obrázky a pak za hlubokých meditací prones magickou formuli

pngcrush -rem alla -d out *.png

Výsledek?

Výsledek skvostný :) . Vše se zobrazuje, jak má. Můžeme již jen provolat slávu Internet Exploreru, jelikož bez něj by byl náš webdesignerský život zcela nudný a nezáživný, rutinní… Měli bychom spoustu zbytečného času a hlavně, o dost méně práce. A to přece nikdo nechceme, vždyť nás tahle práce živí a baví… ;)

Taky tu vyrostlo

  • Maple 30. 8. 2007 v 12:02

    Co je to formát MNG?

     

  • Maple 30. 8. 2007 v 12:03

    A jo, už to vidim, sem zas něco zaspal. Ale z toho článku, který je jinak celkem podrobný to hned znát nebylo…

    MNG

     

  • Littlemaple 30. 8. 2007 v 12:11

    Doplnil jsem popisek :-) .

     

  • MW 30. 8. 2007 v 12:31

    Nejen v Unixech, ale i ve Windows si odpustíš .exe ;-)…

     

  • Littlemaple 30. 8. 2007 v 12:47

    To je vlastně pravda :) . Ale s .exe by to mělo jet taky… Vlastně ani teď nevím, jestli jsem to sám použil tak nebo tak :D .

     

  • Littlemaple 16. 1. 2008 v 15:20

    Nuže po přečtení jedné malé chytré knížky už si nemůžu dovolit takové ostudné .exe v článku a vymazal jsem ho ;) .

     

  • Kalby 19. 2. 2008 v 16:31

    Tak jsem to zkousel a bohuzel nefunguje :/ Nahral jsem si pngcrush do adresare s png ikonkama, najel v prikazovem radku do toho adresare spustil jsem program, png se mi vytvorilo, ale stale je v IE 6 nepruhledne, mam ho dane jako pozadi bloku pomoci css, je mozne ze u pozadi to nefunguje??

     

  • Littlemaple 20. 2. 2008 v 00:14

    Kalby, tenhle návod není na to, jak udělat PNG průhledným, ale jak spravit barevnost, která se v IE a ostatních prohlížečích liší :) . Na průhledné PNG najdeš spoustu jiných návodů na internetu… Asi brzy odpublikuji to svoje řešení, aby tento článek nemátl :) .

     

  • Kalby 20. 2. 2008 v 09:51

    aha tak jsem to spatne pochopil, ja jen ze se v uvodu zminujes o pruhlednosti png. Ty reseni samozrejme znam, jak pomoci JS tak filtru, ale tohle by preci jen ulehcilo praci :)

     

  • Javorové lístky » Archív » Parametry Firefoxu 24. 6. 2008 v 18:44

    […] Většina z nich klikne na ikonku modrého Exploreru. Většina z nás klikne na ikonku Firefoxu. Někteří z nás spustí Launchy a na nic neklikají. Někteří se nebojí příkazového řádku. […]

     

  • svains 23. 10. 2008 v 20:48

    Teď jsem to vyzkoušel, v ie 7 a 8 to chodí, ale nechodí v ie 6.

     

  • Littlemaple 23. 10. 2008 v 22:51

    Chodí :) . Pokud ovšem myslíš úpravu barevnosti. O průhlednosti/průs­vitnosti tento článek není.

     
    • #13

    ←

    ←

    ←

    Použijte Texy! formátování!