Color managing Safari 4.0.3

I read Safari is automatically color managed and it is linked to the ICC profile the display is using.
I use a colorimeter for monitor calibration and my display profile is set to that created profile. Am I getting accurate colors with Safari? I just want to be able to view sRGB correctly.

HI,
This thread might offer some insight.
Safari Color Management
Carolyn

Similar Messages

Safari's Color Management Policies

Hello, I'm a graphic designer from Germany. I've encountered that Safari can handle color management, which is indeed quite up to date. But Safari always assumes that untagged RGB image data has to be translated with the "Generic RGB"-profile (Apple's system profile, right?) instead of sRGB - the official standard color-profile in the web.
Well, that's not a problem at all if every image has a sRGB profile attached. But the only practical web file format handling ICC is the JPEG (PNG works also but is a bit difficult to use thanks to the png-internal gamma "correction" and his chunk of a sRGB-profile). As a result, I'm limited to the JPEG. But the real problem is not only Safari: Macromedia Flash data isn't color managed too, and there is NO WAY of importing images with color-profiles into a Flash movie. Additionally, no browser (except IE5 for Mac) bothers about color management.
To sum things up: Safari handels images with color profiles correctly, but untagged image data is displayed wrong (sRGB is official). IE5 for Mac DOES emulate a sRGB environment in the browser's window. IE5 displays untagged data correctly, it's using sRGB.
I'm not searching for a plug-in for Safari or anything else. The customers, to which my graphics are sold, don't bother about such a plug-in. They want to use Safari right out-of-the-box. As a graphic designer I have two choices:
First, I only use JPEGs and maybe PNGs with color profiles. Firefox for Mac won't care, but at least Safari can translate colors.
The second is, that I always use untagged data and accept that Apple users just see the web a bit lighter. Images without an ICC profile are way smaller, a good reason to abandon profiles at all (by the way, profiles in the web should be obsolete anyway, browsers just have to interpret every RGB-value as sRGB).
My question is, does Apple plan to change Safari's color management policies to a standard sRGB environment or do I really have to see Flash pages an the like a bit lighter than it is intended to be? What is the best way to handle my images? Attach profiles or leave it untagged, so that Windows users (sRGB) will see it correctly and Mac users a bit lighter?
Thanks for any answers that will come! Greetings, Peter.
iMac 17" Intel Mac OS X (10.4.6)

Welcome to Apple Discussions
Good questions about rendering color on the web. Not being technically savvy when it comes to this type of thing, I'll leave the technical questions for others more versed in web design.
Suggestions to Apple for future versions of their OS and software can be made here.
iMac G5 Rev C 20" 2.5gb RAM 250 gb HD/iBook G4 1.33 ghz 1.5gb RAM 40 gb HD Mac OS X (10.4.6) LaCie 160gb d2 HD Canon i960 printer

Safari Color Management

I am running Mac OS X Version 10.4.9 with a dual monitor set up.
Both are Eizo monitors, a Flexscan 1731 and a Coloredge CG 221. Since I've replaced my CRT Barco monitor with the CG221, I've seen huge color differences between Photoshop and Safari.
I finally realized the differences I see between Photoshop and Safari is that my working space is sRGB, while the monitor's profile (which it seems that Safari assigns to the web) is Adobe 1998. Since Eizo's CG221 has a larger gamut than the Barco monitor and my Flexscan S1731 (which are sRGB monitors), the drastic differences between Safari and Photoshop are more apparent on the CG221.
Eizo's solution is to calibrate emulating the sRGB space, which is possible with Color Navigator. But this does not sound like the best solution for me. Why should I clip the monitor profile? This would mean the only way to see my monitor's full gamut is to re-calibrate.
So now my question is, are there any browsers available with color management settings? It'd make sense if I could calibrate my monitor at it's full gamut and have a browser which converts to a working space instead of assigning the monitor profile, or which at least honors embedded profiles.
I must also note Eizo's suggestion of recalibrating to the sRGB space seems incorrect, because even if I worked in Adobe 1998 most webpages would display incorrectly (except my own which would have images with Adobe 1998 embedded). Even when I view Apple's website colors appear oversaturated, especially in skin tones.
Any help and feedback is highly appreciated.

An interesting problem indeed. It sort of emphasizes the lack of color management on the WEB.
The commonly recommended workaround, to calibrate all monitors to something close to sRGB is suddenly outdated when monitors can display a gamut outside of the sRGB range.
To clarify your problem a bit.
Safari uses the monitor color space as working space, always. This is not necessarily a problem, as long as images gets converted into the monitor color space when they are opened. However, this does not happen when the image does not have a color profile. Correct but inconvenient.
In Photoshop you can choose the working space. Best is if the working space is the same as the target space. Thus, if you work with WEB publishing choose sRGB. If you work with printing choose your printers color space etc.
But Photoshop will also have a problem if images does not have a color profile, unless the image has an EXIF tag, indicating that the image is in for instance sRGB color space. Photoshop is intelligent enough to understand this, because most digital cameras produce images without color profile but with the EXIF color space tag. In case there is no color profile, and no EXIF color space tag, Photoshop will, depending on your color preference settings, ask you to assign a colorspace or automatically assign working space, which could be whatever.
There are possible solutions to your problem.
1. If you publish WEB sites and want to browse them correctly, using your very expensive monitor without lobotomizing it's capabilities. Use Safari or other color managed browser and follow the two rules of image publishing for the WEB
Rule 1) Images on the web should be published in sRGB color space (otherwise they will not be displayed correctly in browsers on the MS-Windows platforms, with the exception of Safari, viewing images with a color profile)
Rule 2) Images should have a color profile, in particular the sRGB images (otherwise they will not be displayed correctly on the MacOS platforms. Maybe close to correct if you have calibrated your monitor to PC-gamma)
For a test, go to http://www.gballard.net/psd/golive_pageprofile/embeddedJPEGprofiles.html
2) If you want to browse WEB sites, created by people who did not follow the second rule, that is most WEB-sites, and by the way, includes parts of the Apple WEB site.
Do the following: In Safari, Safari Menu/Report Bugs to Apple - include the following statement.
Dear Safari development team. Most WEB sites on the internet does not display properly in Safari, due to the fact that most WEB publishers are unaware of that they should include color profiles in their images. Today, Safari effectively disables color management when the color profile is missing, a correct but not very practical approach. In reality, most images published on the WEB are in fact sRGB or close to that but without a color profile. In order to enhance the WEB experience for the vast community of Safari users, could you PLEASE include at least the option in Safari, to "Assume sRGB for WEB colors". Since Safari is already color managed, it should mean only a few lines of code in the Safari application.
I did this, but probably we need a lot of users to complain before it gets fixed. It has been like this for ever, but I really expected it to be fixed in Safari 3.
See also http://discussions.apple.com/thread.jspa?messageID=5204498&#5204498 and http://www.tomasjonsson.eu for more information
Tomas

*Please* Apple, fix Safari color-management

Hey,
I was very happy with the SL update and following 10.6.2 regarding color management under OS X.
The problem is that Safari's own color management is broken. It reverts any untagged content to Monitor RGB. This is a huge problem on wide gamut monitors as they'll render over saturated colors (almost neon-like).
Apple should follow Mozilla's steps and see what they did with Firefox 3.6. It manages all colored content (whether it's images or CSS colors) and reverts everything to the ICC monitor profile you set on your preferences.
I cannot rely on Safari (or Chrome for that matter) anymore.
I know this issue is well-known and was reported before, but Apple has to fix this.
-F

HI,
Best to put a bug in Apple's ear...
From the Safari Menu Bar click Safari/Report Bugs to Apple.
They will not respond but developers do read the reports.
Carolyn

Is there a way to force color management ON in Flash Player 10

Here's my problem:
I have a wide gamut display (calibrated and profiled) and
with a wide gamut display, it is very important to have web
browsing (and ideally everything else) fully color managed, because
unmanaged colors get displayed horribly wrong.
Firefox 3 supports full end-to-end color management (when
switched on). It even wisely assumes sRGB for CSS color values and
untagged images. But of course, Firefox 3 can't control Flash
rendering and this makes it impossible to view web pages that
contain Flash with correct (or even near-correct) colors.
So is there a way to force Flash Player 10's color management
ON by default? I know it is probably not a good idea in many cases,
but in my case, it would work a lot better than having if off by
default.
I'm using Mac OS X 10.5.5.

The website may alter its page display based on the browser ID that is transmitted to the site from your browser. Some browsers on the iPad like iCab allow you change the browser ID to something desktop-oriented. Safari does not provide this capability.

Color Management In Various Web Browsers For Untagged Images Broken Since 10.8 Upgrade

I have recently updated my early 2008 Mac Pro to 10.8 and have noticed that neither Safari, Firefox or Chrome handle untagged images correctly anymore. Instead of assuming sRGB as the ICC profile for an untagged image (like they did prior to upgrading), they now just convert to monitor profile which looks over-saturated on my wide gamut monitor (Dell 3007WFPHC, hardware calibrated with a Datacolor Spyder 3 Pro). Color management in Photoshop, Lightroom and all other previosuly color-aware applications appears unaltered. The interesting thing is that in Safari, if I open a link with "open in new tab", the untagged images are rendered as if their color profiles are sRGB and are displayed correctly! But just clicking the link in the same tab or "open in new window" results in the incorrect over-saturated colors. This doesn't make any sense. Anyone else have this same issue?

After digging around, I found that the behavior of Firefox can be changed to assume sRGB on untagged images by putting about:config into the address bar and changing the value of gfx.color_management.mode to 1. I vaguely recall doing something similar for Chrome years ago, but can't for the life of me rememebr what I did. When upgrading to 10.8, I did a fresh install so any mods to Chrome are no longer present.
As for Safari, I have never really used it and only notcied it behaved similarly when trying it because Chrome wasn't working. Still can't figure out why Safari works correctly when you select "open in new tab" though. Maybe this should be moved to the Safari forum?

Photoshop CS3 color management "Save for Web" problem

This problem is getting the best of me.......
After spending 3 full days researching this problem, I am no closer to finding an answer than when I started. I still cannot produce a usable image through the "Save for Web" feature of Photoshop CS3. I have read web page after web page of "Tips, Tricks and Recommendations" from dozens of experts, some from this forum, and still I have no solution... I am exhausted and frustrated to say the least. Here's the simple facts that I know at this point.
I have a web design project that was started in PS CS1. All artwork was created in photoshop and exported to JPG format by using "Save for Web". Every image displays correctly in these browsers (Safari, Camino, FireFox and even Internet Explorer on a PC).
I have recently upgraded to PS CS3 and now cannot get any newly JPG'd image to display correctly. My original settings in CS1 were of no concern to me at the time, because it always just worked, and so I do not know what they were. I have opened a few of my previous images in CS3 and found that sRGB-2.1 displays them more or less accurately. I am using sRGB 2.1 working space. Upon openning these previous image files, I get the "Missing Profile" message and of course I select "Leave as is. Do Not color manage". CS3 assumes sRGB-2.1 working space, opens the file, and all is well.
The problem is when I go to "Save for Web", the saturation goes up, and the colors change. The opposite of what most people are reporting. Here's another important point... new artwork created in CS3 does exactly the same thing, so it's not because of the older CS1 files.
I have tried every combination of "uncompensated color", "Convert to sRGB", "ICC Profile", etc. while saving. I have Converted to sRGB before saving, and my monitor is calibrated correctly.
I have tried setting the "Save for Web" page on 2-up and the "original" on the left is already color shifted before I even hit the "Save" button. Of course, the "Optimized" image on the right looks perfect because I am cheating by selecting the "Use Document Color Profile" item. Why do they even have this feature if doesn't work, or misleads you?
Does anyone have any ideas what could be happening here? Why is this all so screwed up?
CS1 worked fine out of the box.
Final note: I do have an image file I could send along that demonstrates how it is possible to display an image exactly the same in all 4 of the browsers I mentioned with no color differences. It is untagged RGB and somehow it just works.
I am very frustrated with all of this and any suggestions will be appreciated
Thanks,
Pete

>> First of all... I'm using an Adobe RGB image master... I open it and get the Profile Mismatch Screen... I choose Use Enbedded profile... all looks well. Next I go to Proof Setup > Monitor RGB... again all looks well, no change that I can tell.
This has further confused the issue on several points, not the least of which version PS you are doing this with?
>> AdobeRGB> Convert to Profile > Working Space sRGB-2.1... all still looks well... but now, when I go to Proof Setup > Monitor RGB... I see the insane oversaturated look that is driving me nuts.
That is your strongest clue...it sounds like you have a bad system or bad monitor profile. To rule out the monitor profile: Set sRGB as your monitor profile in System Prefs> Displays> Color.
>> Adobe RGB image master... I open it and get the Profile Mismatch Screen... I choose Use Enbedded profile... all looks well. Next I go to Proof Setup > Monitor RGB... again all looks well
That doesn't make sense, stripping an embedded AdobeRGB profile should desaturate the color in Softproof MonitorRGB, especially the reds -- you have something wacky going on there.
At this point I think you need to review the links and get a grip about how color management and profiles work...
BTW, forget about setting ColorSync in PS COlor Settings, use Adobe ACE.
MO,
I think SFW is fixed under CS3 :) By default it Converts to sRGB and strips the profile.

Color Management in Java?

How I can do Color Management to an Image in Java?
Anybody can provide me sample code for Color Management?
Color Management is working in Safari Browser.

There is no built-in class to do this that I know of. You can use RGBImageFilter, but then you have to worry about ImageConsumer/Producer and converting to BufferedImage if that's what you started with.
Take a look at the first response in this thread:
http://forum.java.sun.com/thread.jspa?threadID=783073&tstart=135
Good luck

Color management does not work as expected, different from v3.6

Color management seems to work differently than FF 3.6.
On a home page, I have a background graphic that is supposed to blend into the page background. I have left that graphic untagged so the blending will work in all browsers regardless of color management. This works fine in IE, Safari, Chrome, and Firefox 3.6 in all color management modes.
In default mode 2 in v3.6, the graphics is not color managed because it is untagged. The page's background is left as is, and things blend perfectly. In mode 1, full color management, the graphic is assumed to be srgb and is color managed, and the page's background color seems to follow.
In Firefox 4, using mode 1 creates a mismatch between graphic and background, as if this time only the graphic is color managed and not the rest. This is bad because it now creates a situation where we cannot be sure that there will be a match.

A good place to discuss issues with Minefield 4 nightly builds and Firefox 4.0 beta builds is at the mozillaZine Firefox Builds forum.
You need to register on the mozillaZine forum site in order to post at that forum.
See http://forums.mozillazine.org/viewforum.php?f=23

Keynote and Color Management

Does anyone know whether Keynote uses color management? I am using the program to project images of famous artwork for educational purposes and want to make sure that the images look the same as they did when edited in Photoshop. If there are color settings to choose from, where would they be found?
thanks in advance for any wisdom

According to my own testing on Keynote '08, the answer is yes. Images in Keynote are the same as in Safari, which is color managed. Images are different in QuickTime, which is not color managed. I also would like to see definitive answer, though.

Dual monitors, ICC profiles, color management...problems

Problem:
An image displayed in Safari and then pulled off the web into Photoshop shifts colors noticeably. This is esp. apparent in a side-by-side comparison on the same monitor with the Safari window open next to the Photoshop file window…they look very different.
Possible clues?
When I drag an image in Photoshop from one monitor to the other it shifts color after I release the mouse. In my two-monitor setup one is a large LCD (that's the "main" one) and the other is a MacBook Pro laptop. Even though they both have ICC profiles the laptop is slightly more saturated than the LCD…and Photoshop seems to mirror this but exaggerate it. For example: I pull the same image pulled off the web into two separate Photoshop files and then I display one on each screen: the one on the laptop will be /much/ more saturated than the one on the LCD.
In the end, if I have 4 windows open of the exact same image (2 on each screen: one in Photoshop and one in Safari) I am looking at 4 differently colored images - with the Photoshop images appearing even more exaggeratedly different than anything.
Obviously I understand that the two monitors will never look identical, but Photoshop seems to be imposing some extra color management on my files that makes it impossible to use with my previously very helpful dual-monitor setup.
Specs:
- Dual monitor setup: both are calibrated using an i1Display 2 from x-rite and have their own different profiles (this is new as of this week)
- Mac OS 10.6.6 (w/all current updates)
- Photoshop CS3 10.0.1 (w/all current updates) :: Edit>Color Settings : set to North America General Purpose 2
Help?

Just read this entire thread and wanted to leave a few comments and qualifications, first a couple of FACTS for all to consider.
1) I am not "new" to color management - in fact I am quite experienced in color management at a commercial level since the days of film back when getting "accurate color" was actually difficult. At this point it should be easy if the involved software is working correctly and impossible if it is not.
2) I have the top of the line color management solution provided by one of the top players in the color management market and am using it properly as verified by their technicians.
3) I am running 10.6 on my main computers. Mac Pro, 2 27inch iMac sandy bridge quad cores, and am using mac cinema displays (new ones) on all of them.
Now the rant - I have been trying to run down this or a similar and related issue for over a year. If you happen to be experiencing the same issue as I am, which I will summarize as trying to get 2 displays to display anywhere near the same color (even identical monitors) do not bother upgrading to CS5 as I am using CS5 as well as a bunch of other tools (Aperture, LR, etc, etc) - this is BROKEN and all I can get from any of the vendors involved is finger pointing from one to the other. Each of them wants to blame the other vendor for not doing something correctly but NONE of them can actually give me any details as to what exactly is the problem.
At this point in time I am holding the color management vendor I use to create the profiles responsible - the reason that I am doing that has nothing to do with what exactly the technical problem is. It s purely because they claim that the product is compatible with OS 10.6 and they claim that their software does EXACTLY what I want = mach two monitors. Now we all know that different monitors have slightly different gamuts but at the end of the day if two identical colors fall within the gamut of both monitors they should display the same. They don't. I have worked with my color management vendor for 6 months on this, they agree that it is not working properly, they blame apple but they cannot tell me exactly what the issue is.
If a company advertises and sells a product they claim to be compatible with a particular brand and version of hardware and software and they claim that it will manage color consistency across multiple monitors (even on differing machines) then I believe they are ultimately accountable for ensuring it actually works and resolving the issue - whatever it is, if it fails to function properly.
RB

Color Management in Mail Stationery Mixes Color Profiles

Using Leopard's new Stationery in Mail, I drag my own pictures to the drop zones in the stationery and Mail composites them with the stationery's background into an image that should blend seamlessly with the rest of the email.
The problem is that Mail embeds a different color profile for the composited images than it does for the stock parts of the stationery. This causes a color mismatch between the different parts of the email when viewed in a non-color-managed application, e.g. through an online mail service using Internet Explorer. The images that are stock parts of the stationery use the generic RGB profile, while the composited images use the same profile that my system display is using.
Is there a way to control what kind of color management is going on when creating Mail messages?

After digging around, I found that the behavior of Firefox can be changed to assume sRGB on untagged images by putting about:config into the address bar and changing the value of gfx.color_management.mode to 1. I vaguely recall doing something similar for Chrome years ago, but can't for the life of me rememebr what I did. When upgrading to 10.8, I did a fresh install so any mods to Chrome are no longer present.
As for Safari, I have never really used it and only notcied it behaved similarly when trying it because Chrome wasn't working. Still can't figure out why Safari works correctly when you select "open in new tab" though. Maybe this should be moved to the Safari forum?

Problem: Color Management/Save for Web on Wide Gamut Monitor

Hi,
I've got a problem with color management - I thought I understood it, but it seems as if didn't. So I'm trying to kindly ask for help.
I'm printing, and also trying to save an image for Web.
My setup:
- Win 7, CS 5
- Calibrated Wide Gamut Monitor (eizo cg223w)
- Photoshop set to ProPhoto (I don't want to start a discussion adobergb vs prophoto)
- Save for Web and Devices, Embed Color Profile, Convert to SRGB
- Viewing in Firefox 3.6 with Color Management enabled
Problem:
Image: http://dl.dropbox.com/u/311345/luchs-1024.jpg
If I compare the file in Firefox and Photoshop, the Firefox presentation is slightly more saturated - and I have no idea why.
I thought it should work with the above workflow.
Here is a screenshot where you can clearly see a difference (Note: the additional over-saturation here is caused by the wide gammut monitor when taking screenshots, in reality its not as dramatic as that): http://imgur.com/MFPbU but you can clearly see the difference.
I would be very very thankful for any pointers what I'm doing wrong in my workflow!
Thanks in advance,
Christoph

function(){return A.apply(null,[this].concat($A(arguments)))}
ch_bla wrote:
- Monitor calibrated
- Edit under ProPhoto RGB, 16 bit raw files
- Save for Web and Devices, Embed Color Profile, Convert to SRGB
Is this the preferred way?
It's a reasonable and correct way to do it, assuming you want to embed a profile in the images.
Since at least in some browsers and cases the colors selected within the HTML elements must match image colors, one can sometimes make a case for not embedding any profile at all, but that's really looking backwards. Browsers are moving forward toward not only managing colors in images but also in the HTML elements themselves. If you want your images accurately portrayed in as many places as possible you're doing the right thing looking forward.
Personally I embed the sRGB profile in my web images, as you are doing. And I check things primarily with IE and Safari.
Unlike you, I prefer to edit using the sRGB color space, but that's just personal preference. I find it more convenient to use File - Save As instead of File - Save For Web & Devices, and I get caught by gotchas less often this way. Your preference ensures you don't lose any colors at the extremes of the gamut while editing and it could easily be argued that that's better, depending on what image products you produce.
As for the article you mentioned, anyone who would set their preferred working space to Monitor RGB or use Proof Colors in normal editing is asking for trouble, and may not understand color management at all.
-Noel

Color Management-Where is my error?

30" Apple Cinema Display recently calibrated with Eye-One Display 2. Photoshop CS3 color space is North America General Purpose 2. I open Digital Color Meter, take a color (#5e90ba) from a web page in Safari. I make a new Photoshop document, fill it with aforesaid color, save it and set it as my desktop. Digital Color Meter says my Desktop is displaying #5e8cb7, not #5e90ba, and visually, there is a very slight difference between the color on the web page & my desktop. I just can't wrap my mind around this. What is going on here?

I think it's the OS as Ann has stated. If I take an image, for example, and save converting the image from working Adobe RGB profile to sRGB while embedding the icc profile and use a web browser like Safari, the image will look exactly like it does in Photoshop. But that is because I assigned the profile to go with the sRGB image. But when I put the image as a wallpaper on the desktop, the image is all of a sudden less saturated. I can instantly see the colors shifted or toned down a tad. Now, add to that I do not think the monitor, no matter how well I have tried to calibrate using Monaco XR Pro with Color Eyes software - I cannot say the gamma available with my Apple Cinema Display of 23" is accurate even at this point. But the fact that the image will match in PS and Safari but not the desk top shows that yes, the desktop does not see the profile along with the image.
Have you tried to go to Photoshop and under Edit menu, use Monitor Space as your color space and see if that now matches the desktop? They should now match. Meaning there will always be a difference between the two even locally on one machine.
The fact that it wasn't a JPG doesn't mean anything. It is only the way the color (an arbitrary number in this case) is displayed to your eyes on the monitor. Again, your monitor space will not match your working space unless you change the two spaces to match in PS or what ever app you are using with color management because you created a working space using calibration.
The working space is created by the hardware/software calibrating tools as you know. And for me, coming from the PC side recently to the Mac side, I can say that Color Eyes makes more corrections to an Apple Cinema Display than any monitor of any price I used on the PC side. Granted, once calibrated, it looks incredible. The Macbook Pro laptop is the biggest disappointment due to the fact that it is not true 32 or 24 bit but some say really bad, like 6 bit.
Anyway, I think Ann has stated what you need to grasp and to show the extent of it, just go to PS and change your Color Profile to Monitor Space instead of a working space and see what happens.

Kuler and Color Management

Wy is the complementary color in Kuler a shade of green? if I take in HSV the color 0º H,100 S,100V, I get a complementary of 137º H ,100 S,100 V. I thought I should get a shade of Cyan in HSV terms i think it should be 180º H, 100 S, 199 V. What am I doing wrong?

According to my own testing on Keynote '08, the answer is yes. Images in Keynote are the same as in Safari, which is color managed. Images are different in QuickTime, which is not color managed. I also would like to see definitive answer, though.

Color managing Safari 4.0.3

Similar Messages

Maybe you are looking for