Jump to content

Website photos are saturated compared to LR.


Recommended Posts

<p>I just purchased an Eizo CS2730. I calibrated it with i1 Display and iProfiler. My colors look ok when viewing my images in LR and PS. I export them as sRGB for my website and they look way saturated. It doesn't matter what browser I use they always look more saturated than viewing in LR or PS. </p>

<p><img src="http://www.coralreefecosystems.com/forum_images/WebsiteSaturatedColor2.JPG" alt="" /></p>

Link to comment
Share on other sites

<p>It's your browsers, not color managed or they would match LR and PS which are color managed. How to check:<br>

http://www.gballard.net/psd/go_live_page_profile/embeddedJPEGprofiles.html<br>

http://www.color.org/version4html.xalter<br>

Just having sRGB doesn't guarantee a match, you need color management for that:<br>

<em>sRGB urban legend & myths Part 2</em><br>

<em> </em><br>

<em>In this 17 minute video, I'll discuss some more sRGB misinformation and cover:</em><br>

<em>When to use sRGB and what to expect on the web and mobile devices</em><br>

<em>How sRGB doesn't insure a visual match without color management, how to check </em><br>

<em>The downsides of an all sRGB workflow </em><br>

<em>sRGB's color gamut vs. "professional" output devices</em><br>

<em>The future of sRGB and wide gamut display technology </em><br>

<em>Photo print labs that demand sRGB for output</em><br>

<em> </em><br>

<em>High resolution: http://digitaldog.net/files/sRGBMythsPart2.mp4</em><br>

<em>Low resolution on YouTube:

 

Author “Color Management for Photographers" & "Photoshop CC Color Management" (pluralsight.com)

Link to comment
Share on other sites

<p>Thanks for the info. I'm aware of color manged browsers and they all show the same saturation as my image above. Normally sRGB can show less saturation of colors since they may fall outside the color space. I have never seen sRGB images showing more saturation like mine. Left hand over saturated image is from Chrome Browser right is from LR CC. This image doesn't show any over saturation when looking at it on my ipad using Chrome or Safari. It also looks fine when viewed on my wife's Dell monitors. I looked at the V2-V4 image and it looks like Edge is the only Browser that supports V4 I have calibrated my monitor both ways and the outcome is the same.</p>
Link to comment
Share on other sites

<p>It's a profile issue or the browser. Again, all ICC aware app's produce the same previews. <br>

In LR, ONLY view the image at 100% (1:1) in Develop. The other modules use a different preview architecture. Or compare using Photoshop (again, at 100%). <br>

Avoid V4 ICC profiles. They bring nothing useful to the party and some app's don't behave well using them. </p>

Author “Color Management for Photographers" & "Photoshop CC Color Management" (pluralsight.com)

Link to comment
Share on other sites

<p>I'm unconvinced that what you see is increased saturation rather than a tendency to exaggerate reds. You might find the same issue on pictures with a cyan content. </p>

<p>I've had this issue for years, every time I re-do my website or change/add more photographs to it, albeit that my final port of call before loading to the site is Photoshop not LR. Aside from any other editing/resizing I'll convert to sRGB . When I compare what I see in any of the main browsers on my machine with the file image I've loaded, the former often has much exaggerated reds and/or cyans, sometimes to the point of complete unacceptability It happens on other people's (calibrated) screens too and I get calls to that extent.</p>

<p>Its an issue I've raised here more than once without any concrete solution- seems that its considered inevitable. I can't find on cursory examination any means to see whether my browser settings have colour management switched on or off ( not saying there isn't such a control merely that I haven't found it- though the tests I've carried out as mentioned above seem to tell me that my Chrome, IE and Firefox browsers are colour managed. </p>

<p>In the absence of any concrete information to eliminate this problem, and against the advice of some on here, I pick out the worst-affected/unacceptable images and reduce red/cyan saturation/brightness till my PS copy looks quite bland, and reload. Sometimes it takes more than one attempt, but my view I guess is that I want my site to look decent on my (calibrated ) screen and in general my experience is that what makes the photographs look better on my monitor often helps on others too, whether calibrated or not. As I say not the recommended practice and I don't have the time/energy to do this on every single photograph, but it seems to improve the worst and I don't now get calls from friends who know my work along the lines of "what have you done with your website? "</p>

Link to comment
Share on other sites

<p>Hi Steve,<br>

it is a matter of color management by browsers. I had this problem some time ago, our PN colleague <a href="/photo/13298873">Jan Matussik resolved this for me in this thread</a>. For viewing images I now use Firefox with the settings suggested by Jan. Let me know if it worked for you.<br>

Best regards.<br>

Peter</p>

Link to comment
Share on other sites

<p>Trying to reply and am getting this:</p>

<blockquote>

<h2>Problem with Your Input</h2>

<p>We had a problem processing your entry:</p>

<ul>

<li>One ! is enough (if not too many)</li>

</ul>

<p>Please back up using your browser, correct it, and resubmit your entry.</p>

</blockquote>

Link to comment
Share on other sites

<p>I don't see any reply with quote so this is to all.<br>

This is what I got last night after re calibrating the monitor using ColorNavigator 6 as you can see the matching issues went away.<br>

http://www.coralreefecosystems.com/forum_images/WebsiteSaturatedColor3.JPG<br>

This morning after re boot the issue is back. I checked the loaded monitor profile and it's the same as the one I created last night that was working. So based on this I'm assuming it can only be something in my computer settings. But why did it work after the last calibration? I'm even pretty sure I rebooted after that and it still worked. The only thing different that I know of is the day. You can see the browser is capable of matching my LR image. I am really stumped. FWIW the first calibrations I did I used x-rite iDisplay with iProfiler. The one I did last night was a hardware calibration using ColorNavigator. My first attempt with it was with a ColorMunki spectrometer and it didn't help. Then I tried it with the iDisplay colorimeter and the fixed the issue though only temporarily.</p>

<p> </p><div>00eFMS-566574384.thumb.jpg.d70c27a56d37cf9cf53c02300bfbebd0.jpg</div>

Link to comment
Share on other sites

<p><a href="http://www.coralreefecosystems.com/forum_images/WebsiteSaturatedColor3.JPG" rel="nofollow" target="_blank">http://www.coralreefecosystems.com/forum_images/WebsiteSaturatedColor3.JPG</a><br>

They appear <strong>identical</strong> on this end (Safari on Mac, wide gamut NEC PA series). </p>

Author “Color Management for Photographers" & "Photoshop CC Color Management" (pluralsight.com)

Link to comment
Share on other sites

<blockquote>

 

 

<p><a href="http://www.coralreefecosystems.com/forum_images/WebsiteSaturatedColor3.JPG" rel="nofollow" target="_blank">http://www.coralreefecosystems.com/forum_images/WebsiteSaturatedColor3.JPG</a><br />They appear <strong>identical</strong> on this end (Safari on Mac, wide gamut NEC PA series).</p>

 

 

</blockquote>

 

Yes you beat me to my explanation. This is what got after a new calibration last night. Read my previous post. Thanks Andrew!

 

Link to comment
Share on other sites

<p>This site won't let me post a reply. keep getting this</p>

<blockquote>

<h2>Problem with Your Input</h2>

<p>We had a problem processing your entry:</p>

<ul>

<li>One ! is enough (if not too many)</li>

</ul>

<p>Please back up using your browser, correct it, and resubmit your entry</p>

<p>It doesn't tell me what the problem is. Color is matching now and I just want to explain and the site won't let me post.</p>

</blockquote>

Link to comment
Share on other sites

<blockquote>

 

 

<p>I use "Save for Web (Legacy)..." in Photoshop. You can actually choose different sRGB profiles. Here you can decide if the sRGB shall be color managed or not. Try Internet Standard RGB and see if this affects your results.</p>

 

 

 

</blockquote>

 

Thanks I actually have it working. See answer in the link of my post above yours.

 

Link to comment
Share on other sites

<blockquote>

<p>Jeff beat me to it. To clarify, his answer and the forum message are telling you that one exclamation point (!) is enough and more than one will result in rejection.</p>

 

</blockquote>

<p>ohhh it the explanation mark! Little picky, no? Thanks for clearing that up!</p>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...