| Author | Thread |
|
|
12/01/2012 12:23:39 AM · #1 |
Has anyone had trouble getting images to display correctly in both Chrome and Firefox? Any image I export from Lightroom will get saturation and black level issues in both of these browsers. I have the export set to convert to sRGB but it still doesn't look right.
Check out the black levels of the eye, and the saturation of the red jelly.
The sources of the images from left to right are...
Chrome
Internet Explorer
Firefox
Lightroom 3.5
I thought it was just a problem with my photos, but a number of other photos on DPC also have this issue.
This is Mike's ribbon winner "Contrast in Harmony" (I hope you don't mine using it as an example). Check out the background gradient and how messed up it looks on both the left and right image, but the center image looks perfect.
Sources from left to right...
Chrome
Internet Explorer
Firefox
I also found that I can fix most of the color shift by doing a "save for web" in Photoshop CS5 with the profile set to sRGB and the preview set to "Internet Standard RGB". There is still some difference, but it's reduced. No matter how I save it, Internet Explorer displays it identically to Lightroom and Photoshop.
Most of the images on DPC (and else ware) don't have this problem, so what am I and a few others here doing to make our files look like crap on everything except Internet Explorer? I sure don't want the solution to be "use Internet Explorer", I hate that thing.
|
|
|
|
12/01/2012 12:51:40 AM · #2 |
It looks like it was a global color management problem. Once I set my PC to use the sRGB color profile instead of the monitor specific profile everything started looking correct. I still don't understand why having the wrong profile for my PC would cause multiple browsers to look differently.
I'll have to check a number of other PC's, if most are set to a monitor specific profile, it could force me to always export stuff with save to web. That would be quite a pain for large sets of images.
Message edited by author 2012-12-01 00:53:28. |
|
|
|
12/01/2012 01:19:39 AM · #3 |
|
|
|
12/01/2012 02:15:42 AM · #4 |
I thought that was it too, but it doesn't appear to be the color space, or weather it has an embedded icc profile. The example page you had looked identical on all three browsers. All of them correctly displayed the ones with icc profiles, and correctly flattened the color space of the Adobe RGB image that didn't have an icc profile.
It's almost as if Chrome and Firefox are obeying my messed up icm profile, while IE ignores it. But that doesn't explain why some images have the issue and some don't. Maybe I'll have to download ImageMagic and dig through various images headers. |
|
|
|
12/01/2012 02:53:20 AM · #5 |
After dumping tons of headers I found the issue. All the images that display incorrectly have the following embedded icc profile.
Profile-icc: 3144 bytes
Description: sRGB IEC61966-2.1
Manufacturer: IEC //www.iec.ch
Model: IEC 61966-2.1 Default RGB colour space - sRGB
Copyright: Copyright (c) 1998 Hewlett-Packard Company
I think if the profile exists, Chrome and Firefox try to adapt the image to my non-sRBG monitor profile, messing up the image in the process. But if the icc profile doesn't exist, it just passes it along as is. It's also important to note that all the images did have the sRGB colorspace header, but not all had the full icc profile.
So if you want your image to look normal on the largest number of monitors, strip off the icc profile. Which is counter intuitive. Or you can hope all your viewers are using IE or a stock sRGB monitor profile.
|
|
Home -
Challenges -
Community -
League -
Photos -
Cameras -
Lenses -
Learn -
Help -
Terms of Use -
Privacy -
Top ^
DPChallenge, and website content and design, Copyright © 2001-2025 Challenging Technologies, LLC.
All digital photo copyrights belong to the photographers and may not be used without permission.
Current Server Time: 11/01/2025 10:22:52 AM EDT.