<?xml version="1.0" encoding="UTF-8"?><rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
> <channel><title>Comments on: How to Calibrate Color for the Web</title> <atom:link href="http://www.webdesignerdepot.com/2010/04/how-to-calibrate-color-for-the-web/feed/" rel="self" type="application/rss+xml" /><link>http://www.webdesignerdepot.com/2010/04/how-to-calibrate-color-for-the-web/</link> <description>Web Design Resources and Tutorials</description> <lastBuildDate>Sat, 11 Feb 2012 03:33:00 +0000</lastBuildDate> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=abc</generator> <item><title>By: Mike Adams</title><link>http://www.webdesignerdepot.com/2010/04/how-to-calibrate-color-for-the-web/#comment-664646</link> <dc:creator>Mike Adams</dc:creator> <pubDate>Wed, 16 Feb 2011 19:43:12 +0000</pubDate> <guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=16852#comment-664646</guid> <description>That&#039;s all interesting, and well written, and the resetting-your-eyes parts are informative.But all the suggestions offered won&#039;t really do anything to change the files a reader might send to the web.In point of fact, if the issue is how your work looks elsewhere, it makes absolutely no difference what you see, how well or how poorly your monitor is profiled, or what the lighting conditions in your working environment are.All those things matter to you, and they help assure that you&#039;ll be sending images off into the world with an accurate idea of how you intend they look. But they don&#039;t at all account for any of the issues that account for color shift on the Internet.This is a little long-winded, but it does explain why if you want to wade all the way through:http://correctcolor.org/cccommentary/?p=114</description> <content:encoded><![CDATA[<p>That&#8217;s all interesting, and well written, and the resetting-your-eyes parts are informative.</p><p>But all the suggestions offered won&#8217;t really do anything to change the files a reader might send to the web.</p><p>In point of fact, if the issue is how your work looks elsewhere, it makes absolutely no difference what you see, how well or how poorly your monitor is profiled, or what the lighting conditions in your working environment are.</p><p>All those things matter to you, and they help assure that you&#8217;ll be sending images off into the world with an accurate idea of how you intend they look. But they don&#8217;t at all account for any of the issues that account for color shift on the Internet.</p><p>This is a little long-winded, but it does explain why if you want to wade all the way through:</p><p><a
href="http://correctcolor.org/cccommentary/?p=114" rel="nofollow">http://correctcolor.org/cccommentary/?p=114</a></p> ]]></content:encoded> </item> <item><title>By: Adil</title><link>http://www.webdesignerdepot.com/2010/04/how-to-calibrate-color-for-the-web/#comment-648074</link> <dc:creator>Adil</dc:creator> <pubDate>Tue, 25 Jan 2011 16:31:58 +0000</pubDate> <guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=16852#comment-648074</guid> <description>Good thing I have a grey curtain on my window just next to my workstation, it&#039;ll do then.</description> <content:encoded><![CDATA[<p>Good thing I have a grey curtain on my window just next to my workstation, it&#8217;ll do then.</p> ]]></content:encoded> </item> <item><title>By: Brett Widmann</title><link>http://www.webdesignerdepot.com/2010/04/how-to-calibrate-color-for-the-web/#comment-605109</link> <dc:creator>Brett Widmann</dc:creator> <pubDate>Mon, 08 Nov 2010 01:30:06 +0000</pubDate> <guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=16852#comment-605109</guid> <description>This was a very helpful article. So much color quality can be lost when posting to the web so I&#039;m glad i read this! Thanks for sharing.</description> <content:encoded><![CDATA[<p>This was a very helpful article. So much color quality can be lost when posting to the web so I&#8217;m glad i read this! Thanks for sharing.</p> ]]></content:encoded> </item> <item><title>By: Nathan</title><link>http://www.webdesignerdepot.com/2010/04/how-to-calibrate-color-for-the-web/#comment-590492</link> <dc:creator>Nathan</dc:creator> <pubDate>Wed, 11 Aug 2010 17:23:05 +0000</pubDate> <guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=16852#comment-590492</guid> <description>Trace,Your question is exactly what brought me to this site. I am still searching, but I think maybe you nailed one piece of the puzzle. The more saturated a color is, the more likely that it will look garish or &quot;off&quot; on a variety of monitors. The fact is that the vast majority of computer monitors are not color managed even in the slightest, and therefore your site WILL be viewed in every possible way except how you saw it on your calibrated screen.So, while I do some more studying, I am short on time to waste, and I need a color scheme. I really like http://colorschemedesigner.com. No affiliation. If you stay below 50% on your saturation, and set your color palette there, then you should end up with something that looks reasonably okay even on dramatically color-shifted systems, since complimentary and contrasting colors are generated mathematically relative to the center, not by eye. Photographs are another thing entirely. Nothing that I know can be done about that except to aim for the middle and manage your embedded profile. That or only show B&amp;W conversions. ;-)</description> <content:encoded><![CDATA[<p>Trace,</p><p>Your question is exactly what brought me to this site. I am still searching, but I think maybe you nailed one piece of the puzzle. The more saturated a color is, the more likely that it will look garish or &#8220;off&#8221; on a variety of monitors. The fact is that the vast majority of computer monitors are not color managed even in the slightest, and therefore your site WILL be viewed in every possible way except how you saw it on your calibrated screen.</p><p>So, while I do some more studying, I am short on time to waste, and I need a color scheme. I really like <a
href="http://colorschemedesigner.com" rel="nofollow">http://colorschemedesigner.com</a>. No affiliation. If you stay below 50% on your saturation, and set your color palette there, then you should end up with something that looks reasonably okay even on dramatically color-shifted systems, since complimentary and contrasting colors are generated mathematically relative to the center, not by eye. Photographs are another thing entirely. Nothing that I know can be done about that except to aim for the middle and manage your embedded profile. That or only show B&amp;W conversions. <img
src='http://www.webdesignerdepot.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /></p> ]]></content:encoded> </item> <item><title>By: elizabeth</title><link>http://www.webdesignerdepot.com/2010/04/how-to-calibrate-color-for-the-web/#comment-579985</link> <dc:creator>elizabeth</dc:creator> <pubDate>Wed, 12 May 2010 04:16:07 +0000</pubDate> <guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=16852#comment-579985</guid> <description>Thanks so much for addressing this issue. I am still a bit confused about a couple of things - maybe someone can comment or the author can help.I design for both web and print.When I&#039;m designing for web, should I change my monitor display profile to what would be most accurate for &quot;most&quot; of the world?And when I&#039;m designing for print, should it be a different calibration? It&#039;s my priority that what I design for CMYK printing, prints very closely to what it looks like on my monitor. But I&#039;m worried this is completely different from what my priority is when I&#039;m designing for web: which is my guess at what &quot;most&quot; of the world might see on their own computer.And then to throw a 3rd thing in the mix...I&#039;m also a hobbyist photographer with a Smugmug gallery. For some reason, unbeknown to me, the standard for photo editing applications (I use Adobe Lightroom) is RGB. And even though (I believe) photos are printed in full color (CMYK, right?!), they take RGB files as a standard. I have had a problem in the past where the photos I edit in Lightroom appear extremely bright - almost neon - in my Smugmug gallery.What the heck!? I&#039;m thoroughly confused. Anyone have pointers for us crazy web design + web developer + print design + photography people? :)</description> <content:encoded><![CDATA[<p>Thanks so much for addressing this issue. I am still a bit confused about a couple of things &#8211; maybe someone can comment or the author can help.</p><p>I design for both web and print.</p><p>When I&#8217;m designing for web, should I change my monitor display profile to what would be most accurate for &#8220;most&#8221; of the world?</p><p>And when I&#8217;m designing for print, should it be a different calibration? It&#8217;s my priority that what I design for CMYK printing, prints very closely to what it looks like on my monitor. But I&#8217;m worried this is completely different from what my priority is when I&#8217;m designing for web: which is my guess at what &#8220;most&#8221; of the world might see on their own computer.</p><p>And then to throw a 3rd thing in the mix&#8230;I&#8217;m also a hobbyist photographer with a Smugmug gallery. For some reason, unbeknown to me, the standard for photo editing applications (I use Adobe Lightroom) is RGB. And even though (I believe) photos are printed in full color (CMYK, right?!), they take RGB files as a standard. I have had a problem in the past where the photos I edit in Lightroom appear extremely bright &#8211; almost neon &#8211; in my Smugmug gallery.</p><p>What the heck!? I&#8217;m thoroughly confused. Anyone have pointers for us crazy web design + web developer + print design + photography people? <img
src='http://www.webdesignerdepot.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p> ]]></content:encoded> </item> <item><title>By: najam siddiqi</title><link>http://www.webdesignerdepot.com/2010/04/how-to-calibrate-color-for-the-web/#comment-579113</link> <dc:creator>najam siddiqi</dc:creator> <pubDate>Thu, 06 May 2010 14:26:34 +0000</pubDate> <guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=16852#comment-579113</guid> <description>I read this one in HCI but i didnt clear this topic . after read your topic i have much more cleared about this.</description> <content:encoded><![CDATA[<p>I read this one in HCI but i didnt clear this topic . after read your topic i have much more cleared about this.</p> ]]></content:encoded> </item> <item><title>By: Hitesh Mehta</title><link>http://www.webdesignerdepot.com/2010/04/how-to-calibrate-color-for-the-web/#comment-578318</link> <dc:creator>Hitesh Mehta</dc:creator> <pubDate>Thu, 29 Apr 2010 12:06:49 +0000</pubDate> <guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=16852#comment-578318</guid> <description>Great Posts.I have a query, may be this is off-topic but i may expect some response from here.I am using a Sony Vaio FZ Series (at home) and it is a HD screen. I never knew i will end up in such a situation where i will have to design my stuff in Vaio and have to color correct in a normal screen (at workplace). The problem with HD is that it gives you a very high contrast colors when it is on max brightness (as default) and when i use minimum brightness everything looks so dull.Is thr a way i can set my photoshop color settings to see the almost real colors on HD screen? Thr is i think no option to turn off HD or option of viewing in a normal view too.I dont know what to do? Can anyone help me with this annoying situation?</description> <content:encoded><![CDATA[<p>Great Posts.</p><p>I have a query, may be this is off-topic but i may expect some response from here.</p><p>I am using a Sony Vaio FZ Series (at home) and it is a HD screen. I never knew i will end up in such a situation where i will have to design my stuff in Vaio and have to color correct in a normal screen (at workplace). The problem with HD is that it gives you a very high contrast colors when it is on max brightness (as default) and when i use minimum brightness everything looks so dull.</p><p>Is thr a way i can set my photoshop color settings to see the almost real colors on HD screen? Thr is i think no option to turn off HD or option of viewing in a normal view too.</p><p>I dont know what to do? Can anyone help me with this annoying situation?</p> ]]></content:encoded> </item> <item><title>By: Ciaran</title><link>http://www.webdesignerdepot.com/2010/04/how-to-calibrate-color-for-the-web/#comment-578290</link> <dc:creator>Ciaran</dc:creator> <pubDate>Thu, 29 Apr 2010 09:48:06 +0000</pubDate> <guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=16852#comment-578290</guid> <description>You post raises a few points that need clarification.
It has to be recognised that there is a difference between assigning and converting icc profiles.
When you open an image in Photoshop if it has no icc profile embedded it opens in whatever your default working space is.
If an image has no embedded profile you can assign one to see if you can get a more pleasing result.
If you receive a file that has an embedded profile that is not SRGB you can convert the file to Srgb before outputting for web without embedding the profile to keep the size down.
Similarly when you receive images that are in mystery colour spaces if you find a suitable profile,after assigning that profile you can then convert to SRGB so preserving the appearance.
When you say you open files received in Photoshop to dump the icc profiles unless you first convert them to SRGB you are losing control over how they look.</description> <content:encoded><![CDATA[<p>You post raises a few points that need clarification.<br
/> It has to be recognised that there is a difference between assigning and converting icc profiles.<br
/> When you open an image in Photoshop if it has no icc profile embedded it opens in whatever your default working space is.<br
/> If an image has no embedded profile you can assign one to see if you can get a more pleasing result.<br
/> If you receive a file that has an embedded profile that is not SRGB you can convert the file to Srgb before outputting for web without embedding the profile to keep the size down.<br
/> Similarly when you receive images that are in mystery colour spaces if you find a suitable profile,after assigning that profile you can then convert to SRGB so preserving the appearance.<br
/> When you say you open files received in Photoshop to dump the icc profiles unless you first convert them to SRGB you are losing control over how they look.</p> ]]></content:encoded> </item> <item><title>By: Stephanie Sullivan</title><link>http://www.webdesignerdepot.com/2010/04/how-to-calibrate-color-for-the-web/#comment-578183</link> <dc:creator>Stephanie Sullivan</dc:creator> <pubDate>Thu, 29 Apr 2010 00:52:36 +0000</pubDate> <guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=16852#comment-578183</guid> <description>Correct me if I&#039;m wrong, but isn&#039;t the color shift between the Photoshop comps I receive to code and what I export (definitely slightly desaturated in many instances) due to the fact that to export the smallest file size (very important on the web) I do two things:1.) I open all files in PS to dump any custom profiles (size hogs).
2.) I export as sRGB with no ICC profile/copyright metadata.Fireworks exports noticeably smaller files because it exports without profiles by default (in fact, if memory serves, I don&#039;t think it reads them at all).It seems to me that if designers would design with the web in mind (well, when they&#039;re creating websites) and:1.) Not assign custom profiles.
2.) Make sure their color settings are set to sRGB.
3.) View the comp in the appropriate proof colors.Perhaps we as web developers would be able to get a &quot;truer&quot; version of their colors on the web. In other words, they would see it as they design just like we&#039;re going to export it. A win-win! :)  Or maybe I dream of pie in the sky and none of it will ever work since colors vary so widely on the web...</description> <content:encoded><![CDATA[<p>Correct me if I&#8217;m wrong, but isn&#8217;t the color shift between the Photoshop comps I receive to code and what I export (definitely slightly desaturated in many instances) due to the fact that to export the smallest file size (very important on the web) I do two things:</p><p>1.) I open all files in PS to dump any custom profiles (size hogs).<br
/> 2.) I export as sRGB with no ICC profile/copyright metadata.</p><p>Fireworks exports noticeably smaller files because it exports without profiles by default (in fact, if memory serves, I don&#8217;t think it reads them at all).</p><p>It seems to me that if designers would design with the web in mind (well, when they&#8217;re creating websites) and:</p><p>1.) Not assign custom profiles.<br
/> 2.) Make sure their color settings are set to sRGB.<br
/> 3.) View the comp in the appropriate proof colors.</p><p>Perhaps we as web developers would be able to get a &#8220;truer&#8221; version of their colors on the web. In other words, they would see it as they design just like we&#8217;re going to export it. A win-win! <img
src='http://www.webdesignerdepot.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> Or maybe I dream of pie in the sky and none of it will ever work since colors vary so widely on the web&#8230;</p> ]]></content:encoded> </item> <item><title>By: Oyun</title><link>http://www.webdesignerdepot.com/2010/04/how-to-calibrate-color-for-the-web/#comment-578132</link> <dc:creator>Oyun</dc:creator> <pubDate>Wed, 28 Apr 2010 21:38:13 +0000</pubDate> <guid
isPermaLink="false">http://www.webdesignerdepot.com/?p=16852#comment-578132</guid> <description>great article, again you explain very good examples.</description> <content:encoded><![CDATA[<p>great article, again you explain very good examples.</p> ]]></content:encoded> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (User agent is rejected)
Database Caching 3/8 queries in 0.003 seconds using disk
Object Caching 493/497 objects using disk

Served from: www.webdesignerdepot.com @ 2012-02-11 03:21:23 -->
