Miért ne bízz a böngészők színkezelésében
Loading ...Nézzük az alábbi példát: nemrég jött ki, új, vizuálisan ijesztő, de példának ideális lesz. A választott tehát az új blog.hu címlap.
A probléma pedig a következő: Nézzük meg az alábbi két képernyőfotót, amelyeket Firefox és Safari nevű internetes böngészőprogramokról készítettünk, Mac OS X Leopard kódnevű operációs rendszer alatt.
Az avatatlan szemnek is azonnal feltűnik, hogy a két böngésző színei meglehetősen különböznek.
Nézzük meg ezután a Safari verzióját:
Majd a Firefoxét:
Határozott különbség. A tanulságot levonjuk: Dizájnerként sose leszünk képesek minden platformon azonos színvisszaadásra, ezért emiatt sose keseregjünk, mert az ciki.
A post célja azonban annak a problémának a bemutatása végett született, hogy gyakori hiba kezdő dizájnereknél, hogy egyszínű háttereknek szívesen adnak hexkódos háttért, hogy ezzel kisebb legyen a fileméret, ne kelljen még egy file-t lekérni, stb.
Ilyenkor futnak bele az alábbi hibába:
Safari képernyőfotó felnagyítva!
Ezt sajnos csak kép repeatelt bg-ként való használatával lehet elkerülni.
(Aki sitebuilder az feltehetné a kezét, hogy dehát ezt ismerjük régről és az a feloldás, hogy Firefoxnak is mérünk bg-t meg IE-nek is és a Firefoxnak a css-ből beadjuk validan, IE-nek meg aláhúzáshekkel és akkor nincs para. Bár a Safaris parára ez se ad feloldást.)
Popularity: 18% [?]
2008. July 4., Friday 21:29
Hehe, szopo :)
PS: ma bejott a boltba egy leanyzo iMac vasarlas ugyeben. Nezzuk a Safari-t beutom az xms.hu-t, erre azt mondja:
Huuu macen mennyivel jobban nez ki az oldalatok!
Mondom haaaat ize.. Az ugy van, hogy macen keszult, es hat meg az IE verzio nem az igazi… De vicces volt :)
2008. July 4., Friday 21:35
Már a múltkori betűtípus-sorköz paránál akartam írni, hogy – bár neked ez biztos rosszul esik – az internet alapvetően nem tipográfiából, Pantone színekből és képekből áll, hanem szöveges információból. Annak a megjelenítése meg csak sallang, ami nézhet ki jobban vagy szarabbul, de alapvetően mindegy, mert nem ez a cél.
2008. July 4., Friday 22:54
igaz-igaz, de szerintem ez pont a tipikus png para!
amit a gamma infó és az icc profil eltávolításával elég jól lehet orvosolni… próbaként kibányásztam az ornament.png filet, kitöröltem belőle az icc infót és igy match-el minden böngészőben, ami most nyitva van…
2008. July 5., Saturday 0:28
srgb-be kell menteni minden jpg-t es akkor safarin is jo lesz, ha nem mentesz akkor fako ocska lesz a kep. Hatteret is kepkent tarolni es akkor az is jo. Png-nel gond van, de asszem csak akkor ha flash-t is hasznalsz :) ott mintha az icc + gamma gond lenne
2008. July 5., Saturday 1:54
k3y: ezért néz ki úgy az oldalad, mint egy hányás? :)
2008. July 5., Saturday 3:41
suexID: ezzel csak a google readerből olvasásra buzdít :D (vagy simán a vakoknak kedvez :o)
amúgy érdekes, hogy mennyire gecimód képtelenek a monitorgyártók és ebből eredően mindenféle grafikussággal foglalkozó szolgáltatószoftverek (oprendszerek, videókártyadrájverek, stb..) azt visszadni, amit kellene.
Pantone színek egyértelműen definiáltak. Miért nem tudják ugyan ezt megtenni a szoftveres színekre is? Egy #00ff00 minden monitoron nézzen már ki ugyan úgy. Nyilván nem azt jelenti, hogy lássam is ugyan úgy, mert az fényviszonyoktól és hétmillió egyéb dologtól függ, de akkor AZT lehessen beállítani a monitoron. Ne hekkelni kelljen, hogy azt mutassa, amit akarok.
2008. July 5., Saturday 12:33
Nemtom, nembizti de a websafe color az nem arra van h azok u.úgy néznek ki? Én nem szoktam használni őket mert kevés, csak kérdem.
2008. July 5., Saturday 13:08
eMeM, a websafe szineket a regi monitorok miatt talaltak ki, amik nem tudtak millio szint megjeleniteni.
2008. July 5., Saturday 15:19
Elhangzott a válasz, sRGB-szintérben kell dolgozni.
UI azok a böngészők, amik nem törődnek a képbe ágyazott profilokkal, mindent sRGB-ben jelenitenek meg by default (amiatt van pl. Az Adobe RGB-ben összerakott RGB képek fakulása s böngészőkben is ugye). Azok a böngészők (pl Safari, vagy konfigolás után FF3), amik meg felhasználják a beágyazott profilt, a képeket saját profiljukban (Pl. Adobe RGB, camera RGB), a html-ben megadott szineket meg _továbbra is sRGB-ben_ jelenitik meg, és ugye ugyanazok a szinszámok más-más szintérben eltérő szinként látszódnak, ezért nem jó nem sRGB-ben készült képből hexa értéket meghatározni. “Ezt gondolom én.”
2008. July 5., Saturday 15:50
Ja és mégegy dolog a Panton szinekkel kapcsolatban: az is csak annyira abszolút meghatározás, mint bármely más, számokkal megadott szin: egy konverziós “képlet” kell hozzá (ez lenne a szinprofil), mivel meg lehet jeleniteni az adott szint egy más médián, ami nem csak abból a pár százas (max pár ezres, attól függően melyik Pantone füzetet nézi az ember) elemű palettából dolgozik, mint amiből a Pantone füzetek állnak.
Megforditva: lehet ugyan, hogy a precizen meghatározott Pantone szineket szinhelyesen meg tudunk jeleniteni egy kellően nagy szintérrel rendelkező megjelenitőn, de mi van azokkal a szinekkel, amik két Pantone árnyalat _közé_ esnek? Pl. már egy fekete-fehér fényképet is lehetetlen reprodukálni Pantone szinekkel, pedig (egy 8 bites grayscale képet véve alapul) az csak max. 256 szürkeárnyalatot tartalmaz.
Szal a Pantone ebből a szempontból korlát inkább, mintsem szent grál.
2008. July 5., Saturday 16:00
na meg a metallic színek! :)
2008. July 5., Saturday 19:00
ez a png fényerő para simán :P
2008. July 5., Saturday 21:03
kicsit vicces hogy a félmillás buta ps nem tud pngt gamma nélkül menteni továbbra sem, az ingyen beszerezhető gimp pedig már koraszülött korában is.
dehát eztmár beszéltük itt a cicán.
szal nem értem a posztot.
2008. July 6., Sunday 2:27
ennél csak az a jobb, amikor a dizájnerrel nem tudod megértetni, hogy hiába tud ő szélesebb színtartományt lefedni adobe rgb-vel, attól még srgb-be mentett képeket küldjön már, mert utána neked kell szívni a konvertálgatással, etc.
esetleg az arculati leírásba a saját színprofiljának, adobe rgb-nek, etc. megfelelő színkódokat vés fel, utána én meg csak nézek, hogy na akkor mire is gondolt?
2008. July 6., Sunday 9:06
Ó, ez a post sztem melléfogás volt, ezt a problémát a mentésénél ki lehet kerülni. Ennyi erővel a IE6 CSS hibáiról is írhatnál. :D Én valami szaftosabb dologra vágyom Tőled ilyen téren.
2008. July 6., Sunday 10:35
Ez a problema PNG miatt van.
2008. July 6., Sunday 11:26
ez kigyomlalja: http://www.macupdate.com/info.php/id/23359
2008. July 6., Sunday 16:51
Novak: Nem vagyok bulvárújság, a cica se az. No és akkor mi van?
2008. July 7., Monday 1:50
zeppelin: nem jon le a dmg :(
2008. July 7., Monday 15:40
http://zeppelin.exceed.hu/GammaSlamma-1.1.dmg
2008. July 7., Monday 15:43
vazze, szal: http://zeppelin.exceed.hu/pub/GammaSlamma-1.1.dmg
2008. July 7., Monday 21:24
koszi:)
2008. July 7., Monday 21:39
Trn: “..ilyen téren.”