<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/2.0.12-alpha" -->
<rss version="2.0" 
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	>

<channel>
	<title>Jeffrey Friedl's Blog</title>
	<link>http://regex.info/blog</link>
	<description>Not a photo blog, but sometimes I play one on TV</description>
	<pubDate>Fri, 29 Aug 2008 03:40:50 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.0.12-alpha</generator>
	<language>en</language>
			<item>
		<title>Digital-Image Color Spaces, Page 7: Recommendations and Links</title>
		<link>http://regex.info/blog/photo-tech/color-spaces-page7/</link>
		<comments>http://regex.info/blog/photo-tech/color-spaces-page7/#comments</comments>
		<pubDate>Tue, 03 Oct 2006 08:45:30 +0000</pubDate>
		<dc:creator>Jeffrey Friedl</dc:creator>
		
		<category>General</category>

		<guid isPermaLink="false">http://regex.info/blog/photo-tech/color-spaces-page7/</guid>
		<description><![CDATA[

 

Article:
Table of Contents &#160; &#160; &#160; Page:
1 &#183;
2 &#183;
3 &#183;
4 &#183;
5 &#183;
6 &#183;
7&#160;&#160;&#160;&#160;&#160;&#160;This is the final page of a seven-page article



<br style='display:block;margin:5px'/>Perfect Colors?

<br style='display:block;margin:5px'/>Okay, so let's say that you have an image file with an embedded color
profile, a properly-profiled monitor, and an application that respects both
profiles: will you finally see the proper, true colors?

<br style='display:block;margin:5px'/>

Maybe.

<br style='display:block;margin:5px'/>

First, you must define &#8220;true color.&#8221; If you define it as the
colors as encoded in the image, then you'll see them properly to the
extent that your monitor can actually display the image's full range of
colors. A monitor or printer can only produce the colors, [...]]]></description>
			<content:encoded><![CDATA[

<style type='text/css'>
a.btn    { background-color: #555; border: solid 1px #888; padding: 2px 5px }
span.now { background-color: #533; border: solid 1px #888; padding: 2px 5px; font-weight: bold }
</style>
<div style='display: block; background-color: #444; padding: 7px; border: solid 2px gray'>
<b>Article:</b>
<a class='btn' href='http://regex.info/blog/photo-tech/color-spaces-page0/'>Table of Contents</a> &nbsp; &nbsp; &nbsp; <b>Page:</b>
<a title='Introduction' class='btn' href='http://regex.info/blog/photo-tech/color-spaces-page1/'>1</a> &middot;
<a title='Test Images' class='btn' href='http://regex.info/blog/photo-tech/color-spaces-page2/'>2</a> &middot;
<a title='Color Mis-Management' class='btn' href='http://regex.info/blog/photo-tech/color-spaces-page3/'>3</a> &middot;
<a title='Color Management' class='btn' href='http://regex.info/blog/photo-tech/color-spaces-page4/'>4</a> &middot;
<a title='Chromaticity Diagrams' class='btn' href='http://regex.info/blog/photo-tech/color-spaces-page5/'>5</a> &middot;
<a title='Design Tradeoffs' class='btn' href='http://regex.info/blog/photo-tech/color-spaces-page6/'>6</a> &middot;
<span class='now'>7</span><small>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the final page of a seven-page article</small>

</div>

<p><a name='Perfect'><b>Perfect Colors?</b></a></p>

<p>Okay, so let's say that you have an image file with an embedded color
profile, a properly-profiled monitor, and an application that respects both
profiles: will you finally see the proper, true colors?

</p><p>

Maybe.

</p><p>

First, you must define &#8220;true color.&#8221; If you define it as the
colors <i>as encoded in the image</i>, then you'll see them properly to the
extent that your monitor can actually display the image's full range of
colors. A monitor or printer can only produce the colors, that, er, it has
the physical ability to produce. If it's a particularly wide color space,
and not a particularly high-caliber monitor, colors will be clipped in the
process of display.

</p><p>

If you define &#8220;true color&#8221; as those colors as they existed when
the camera first attempted to capture them, you have many, many more
variables. These include the characteristics of the camera's sensor, the
white-balance settings (and other settings such as exposure and
saturation), the color space used to encode the image (are true colors
clipped to fit inside the color space? Do true colors need to be
&#8220;fudged&#8221; so that they match a color actually encodable within
the space?), and any lossy compression used to encode the image.

</p><p>Of course, even if you could see the true colors, you still might
not like the image &mdash; in the end, there's no accounting for artistic
taste <b>:-)</b></p>

<p><b><a name='Suggestions1'>Suggestions for the Digital Photographer</a></b></p>

<p>The two most important recommendations:

<ol>
  <li><p><b>Embed color profiles in all images</b>. This lets color-managed systems know exactly how to treat the color data in your image.</p></li>

  <li><p><b>When preparing a photo for web display, use sRGB</b>. On average, it's the closest color space to the average user's average monitor.... on average.
       Browsers that don't understand the embedded profile are all <a
href='http://regex.info/blog/photo-tech/color-spaces-page3/#ColorStupid'>Color
Stupid</a>, so sRGB is the best you can guess.</p></li>

</ol>

<p>If you want to maintain maximum quality and your camera has the ability
to shoot raw images, do that, converting to a JPG, TIFF, or the like when
needed, using a color space that's appropriate to the intended use (e.g.
sRGB for the web, or for printing, the color space that best suits your
printer). Investigate Apple's <a
href='http://www.apple.com/aperture/'>Aperture</a> and Adobe's <a
href='http://regex.info/blog/photo-tech/lightroom/'>Lightroom</a>. When writing images, be sure each includes an embedded color
profile.</p>

<p>If you must (or prefer to) shoot JPG in the camera, use AdobeRGB or
other &#8220;wider&#8221; color space, if available. When making copies for
the web, or to give to technically-challenged friends and family, convert a
copy to sRGB, embed a color profile, and use that. When working with the
image in an editor like Photoshop, set the &#8220;working space&#8221; to a
color space which encompasses both the image's native color space and the
color space you intend to convert to.</p>

<p><b><a name='Suggestions2'>Suggestions for the Internet Surfer</a></b></p>

<ol>
<li><p>Understand the capabilities of your browser/OS (and perhaps make a change if you don't like the limitations).</p></li>
<li><p>Even if you don't normally use Apple's <a href='http://www.apple.com/safari/'>Safari</a>, consider having it around for the times when you want to see profiled images at their best.</p></li>

<li><p>Profile your monitor so that you get the most proper colors it has to offer.</p></li>
<li><p>Beg Microsoft and Firefox developers to make their browsers color managed.</p></li>
</ol>

<p><b><a name='Suggestions3'>Suggestions for the Web Designer</a></b></p>

<p>CSS is, by definition, to be rendered with the sRGB color space, but
this does not happen on any browser that I know of &mdash; for all
practical purposes, they render CSS colors (and Flash, for that matter)
without color management. On most browsers, this is the same treatment as
images, but on Safari and other color-managed browsers that respect an
embedded color profile, be sure to omit the profile if you want your image
colors to match your CSS/Flash colors

</p><p>This puts you directly at odds with getting the most proper colors,
as that requires the embedded profile. Luckily, you can make the decision
on a per-image basis:</p>

<ul>
  <li>If you want the image colors to match CSS/Flash colors: save as sRGB <b>without</b> a color profile.
  <li>If you want the image colors to look correct: save as sRGB <b>with</b> a color profile.
</ul>

<p>Thus, images that are part of the masthead or nav or other helper images
can leave off the color profile, but photographs should keep them.</p>

<p><b><a name='Suggestions4'>Suggestions for the Software Developer</a></b></p>

<p>The makes of browsers, image-display applications, image editors, and image-printing applications would do well to...
<ol>
<li><p>Recognize and apply embedded color profiles.</p></li>

<li><p>If an image has no profile, but is tagged as sRGB with the
<tt>EXIF:ColorSpace</tt> tag, use sRGB. All digital cameras that I know of
write sRGB color data without an embedded color profile, but they do note
sRGB in this Exif field.</p></li>

<li><p>If no profile and no <tt>ColorSpace</tt> field, respond to the
<tt>InteroperabilityIndex</tt> field (&#8220;R98&#8221; for sRGB,
&#8220;R03&#8221; for AdobeRGB). This is from an Exif-related extension to
JEITA's DCF ("Design rule for Camera File system") standard.


</p></li>

<li><p>If all else fails, use a default color space that is initially sRGB, but allow the user to change it to whatever color space they like.</p></li>
<li><p>Educate your users about color-space issues.</p></li>

</ol>

<p>Furthermore, software that writes images....</p>

<ul>
  <li><p>When the color space is sRGB, include the sRGB profile and set the following Exif tags:
<pre>
    ColorSpace = 1;
    InteroperabilityIndex = 'R98';
    InteroperabilityVersion = '0100';
</pre></p></li>

<li><p>When the color space is Adobe RGB, include the Adobe RGB 1998 profile, and set the following Exif tags:
<pre>
    ColorSpace = 65535;
    InteroperabilityIndex = 'R03';
    InteroperabilityVersion = '0100';
</pre></p></li>

<li><p>When the color space is anything else, include the appropriate ICC profile and set the following Exif tags:
<pre>
    ColorSpace = 65535;
    delete the InteroperabilityIndex field
    delete the InteroperabilityVersion field
</pre></p></li>
</ul>

<p>Additionally, when changing the color space of an image, it would be a
good idea to remove any MakerNotes fields related to the original color
space, since they'll no longer apply.</p>

<p><b><a name='Suggestions5'>Suggestions for Camera Makers</a></b></p>

<ol>
<li><p>Embed a color profile in all images your cameras create.</p></li>
<li><p>For the time being, continue to default to using sRGB, but offer better color spaces as options.</p></li>
<li><p>Offer a color space that preserves as much color data as the camera's sensors originally capture (such as raw).</p></li>
<li><p>Educate your users about color-space issues.</p></li>
</ol>

<p><b><a name='Suggestions6'>Suggestions for Online Image Hosting Services</a></b></p>

<ol>
<li><p>Add the appropriate color profile to unprofiled images that are tagged with a color space name.</p></li>
<li><p>Warn users when they upload images that are neither profiled nor tagged with a color space name.</p></li>
<li><p>When resizing images for thumbnails and such, convert to sRGB and embed a color profile.</p></li>
<li><p>Educate your users about color-space issues.</p></li>
</ol>


<hr/>

<p><big><b>Links</b></big></p>

<p>Some related links that I found to be useful...</p>

<ul>
<li>William Steer's <a href='http://www.techmind.org/colour/'>Introduction to Color Science</a></li>
<li>Bruce Lindboom's <a href='http://www.brucelindbloom.com/index.html?Info.html'>RGB color-space info</a> (detailed and technical)</li>
<li>Charles Poynton's <a href='http://www.poynton.com/notes/colour_and_gamma/ColorFAQ.html'>Color FAQ</a> and <a href='http://www.poynton.com/notes/colour_and_gamma/GammaFAQ.html'>Gamma FAQ</a></li>
<li>Eugene Vishnevsky's <a href='http://www.cs.rit.edu/~ncs/color/'>Introduction to Color</a> (a bunch of fun Java applets for interactive investigation)</li>
<li>Comparisions of Adobe RGB and ProPhto RGB: <a href='http://www.outbackphoto.com/color_management/cm_06/essay.html'>one</a>,
     <a href='http://dimak.blogspot.com/2005/07/practical-side-to-adobergb-versus.html'>two</a></li>
<li><a href='http://www.cis.rit.edu/mcsl/outreach/faq.php?catnum=0'>Ask a Color Scientist!</a></li>
<li><a href='http://www.creativepro.com/story/feature/11132.html'>Color-Science Glossary</a></li>
<li><a href='http://regex.info/exif.cgi'>Online Exif-Data Viewer</a></li>
<li><a href='http://www.normankoren.com/color_management.html'>Norman Koren's Introduction to Color Management and Color Science</a></li>
<li><a href='http://www.color.org/version4html.html'>ICC Profiles: v2 vs. v4</a></li>
<li><a href='http://it.jeita.or.jp/document/publica/standard/exif/english/Exife.pdf'>JEITA's EXIF Standard (Ver 2.1)</a></li>
<li><a href='http://it.jeita.or.jp/document/publica/standard/exif/english/Dcfe.pdf'>JEITA's DCF Standard (Ver 1.0)</a></li>
<li><a href='http://regex.info/blog/2007-02-17/384'>More on Digital Color Spaces: a Reply to Chris MacAskill</a></li>

</ul>









]]></content:encoded>
			<wfw:commentRss>http://regex.info/blog/photo-tech/color-spaces-page7/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
