{"id":12399,"date":"2007-06-19T20:01:12","date_gmt":"2007-06-19T20:01:12","guid":{"rendered":"http:\/\/blogs.adobe.com\/jnackdev\/2007\/06\/safari-brings-color-managed-browsing-to-windows.html"},"modified":"2007-06-19T20:01:12","modified_gmt":"2007-06-19T20:01:12","slug":"safari_brings_color_managed_browsing_to_wi","status":"publish","type":"post","link":"http:\/\/jnack.com\/blog\/2007\/06\/19\/safari_brings_color_managed_browsing_to_wi\/","title":{"rendered":"Safari brings color-managed browsing to Windows"},"content":{"rendered":"<p>Hello, my name is John, and I&#8217;m a recovering color management hater&#8230; <em>(&#8220;Hello, John&#8230;&#8221;)<\/em><\/p>\n<p>Coming from a background in Web design, I spent many years regarding <a href=\"http:\/\/en.wikipedia.org\/wiki\/Color_management\">color management<\/a>&#8211;that is, the process of changing an image&#8217;s colors on the fly so that the appearance will match across systems (monitors, printers, etc.)&#8211;as a royal pain.&#160; I mean, until 1998 things were good&#8211;or at least pretty simple.&#160; You&#8217;d design on a Mac and make things look a little bit light, or design on Windows and make things look a little bit dark, then check on the other platform (ideally on a bunch of different systems) and call it a day.&#160; Split the difference &amp; everyone seemed happy.&#160; (And printing?&#160;Who needed <em>that?<\/em>) <\/p>\n<p>But then in &#8217;98 Adobe had to get all clever, adding color management in Photoshop 5.0.&#160; Suddenly every image started complaining about not having a color profile, or having the wrong profile, or&#8230; <em>something<\/em>&#8230; and it kept asking me (!) to make the right call.&#160; Worse, images no longer looked the same in Photoshop as they did in Web browsers (or even apps like Illustrator, which for various reasons had different default settings).<\/p>\n<p>Things have improved a bit (fewer cryptic messages, consistent defaults in at least some Suite apps), but big problems remain.&#160; Apple&#8217;s Safari Web browser respects color management profiles, but others don&#8217;t.&#160; Here&#8217;s a <a href=\"http:\/\/blogs.adobe.com\/jnack\/files\/images\/safari_vs_ff.jpg\">screenshot<\/a> of the same image open in Safari  &amp; Firefox.&#160; If you spend time in Photoshop or Lightroom massaging an image to look just so, it&#8217;s pretty irritating that the colors go all over the map when viewed online.&#160; The lack of reliable color also leads to bad prints,  <a href=\"http:\/\/blogs.smugmug.com\/great-prints\/2005\/06\/27\/mac-browsers-can-you-believe-your-eyes\/\">according to Smugmug<\/a>.<\/p>\n<p>Now, though, there&#8217;s an interesting development: Photographer Rob Galbraith <a href=\"http:\/\/www.robgalbraith.com\/bins\/content_page.asp?cid=7-8740-9003\">reports<\/a> that Apple&#8217;s newly released Safari 3 beta for Windows is color managed&#8211;bringing color management to Windows browsers for the first time.&#160; I never thought I&#8217;d say it*, but this is great news.&#160; Now there&#8217;s a cross-platform way to present accurate color images on the Web.&#160; Check &#8220;ICC Profile&#8221; in Photoshop&#8217;s Save for Web dialog to include the info needed for color management to do its thing. <\/p>\n<p>CNET <a href=\"http:\/\/news.com.com\/Safari+ushers+in+better+browser+colors\/2100-1012-6191815.html?part=dht&amp;tag=nl.e703\">follows up with more details<\/a> and reports that Firefox may follow suit in version 3.0, due later this year.&#160; Why Microsoft hasn&#8217;t taken the opportunity to lead here, I don&#8217;t know, but hopefully they&#8217;ll get in the game as well with Internet Explorer. \n<\/p>\n<p>As for Adobe, I&#8217;m not sure what will happen with the Flash Player.&#160; Right now it&#8217;s not color-managed, and most Web designers wouldn&#8217;t know an ICC profile if it bit them on the calibration puck&#8211;hence they&#8217;re not asking.&#160; They <em>do<\/em> know, however, how much it sucks that <a href=\"http:\/\/blogs.adobe.com\/jnack\/2006\/02\/ps_flash_color.html\">colors shift when going between Photoshop and Flash<\/a>, and they&#8217;d like a solution.&#160; I&#8217;m hopeful that we can make the right thing happen.<\/p>\n<p><em>* Coincidence that this is blog entry #666 for me?&#160; With JN cheering for color management, the End must be near&#8230; &gt;;-) <\/em><\/p>\n<p>[Update: In response to requests for a tutorial on the subject, Adobe forum-wrangler John Cornicello recommends <a href=\"http:\/\/www.gballard.net\/psd.html\">this set<\/a> from Gary Ballard.]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hello, my name is John, and I&#8217;m a recovering color management hater&#8230; (&#8220;Hello, John&#8230;&#8221;) Coming from a background in Web design, I spent many years regarding color management&#8211;that is, the process of changing an image&#8217;s colors on the fly so that the appearance will match across systems (monitors, printers, etc.)&#8211;as a royal pain.&#160; I mean, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/12399"}],"collection":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/comments?post=12399"}],"version-history":[{"count":0,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/12399\/revisions"}],"wp:attachment":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/media?parent=12399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/categories?post=12399"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/tags?post=12399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}