- Last post
- 15 Responses
This is a question that always keep bugging me. How to properly export an image for web that renders equal on Safari / Firefox without sacrificing color quality.
Right now, what I do is make copy of image, open the two side by side in PS, convert one to Srgb profile, turn on proof colors for Monitor, try to match to the original as much as I can, the save for web with Convert to srgb unchecked.
Somehow I think that there's got to be a better method.
How do you do it?
*, then save for web with...
Check the box about using the images color profile. I think that should help. This way it refers back to the images original color rather than trying to impose a websafe / restrictive pallette on the image.
why is that post in the bottom left at different levels?
Ironically, NOT checking the color profile box may result in more similar color in images across browsers, as some don't support it and some do...
BUT this means that the image may not be the RIGHT color in any browser till you tweek it....... so you may have to work in Photoshop, save-as, check in browser, then re-save, as the color in photoshop and Safari looks the same if box checked, but a bit different if not checked.... and a also different in non-supporting browsers from how it looks in photoshop.. does that make sense?
dude.... IT DOESNT MATTER!
the color will always be different depending on what monitor someone is viewing the images on. These slight differences you are talking about are not issues with browsers.
It is a issue with browsers and not monitors, the screenshot above is taken of safari and firefox side by side, its not the full image it's just for comparison. the monitor talk is another one that can't be resolved since it depends on individual hardware.
What I want is on my monitor I see the image the same in safari AND in firefox, and you on YOUR monitor see the same in safari and firefox.
for graphics and such it's not really a big deal, but when dealing with professional photography, color accuracy is pretty much important. I know that getting the right colors online is fucking impossible cross browsers wide, but I want to know the best solution for it.
Etype's right... random monitor color variations are huge, especially among the corporate desktops and laptops with cheap monitors... not just the windows/mac gamma differences, but the uncalibrated, cheap monitors, the contrast, room light, etc.....If your client is a photographer, this may take some explaining and actual demonstrations for them to get it....
In Photoshop, you can also try : View->Proof Setup->Macintosh gamma,windows gamma, monitor gamma,etc... but this is minor compared to random monitor variations
If I use the method I posted on the first post, I can achieve what I'm asking here... I know how to do it, was simply wondering if there was a better solution.
Try unchecking the box in photoshop save-for web, tweek, re-tweek, eventually it will look similar in firefox and safari on the same machine, and probably most well-calibrated mac monitors run by designers who actually calibrate and care about it.... but this is like noticing a millimeter sized paint scratch on a car that won't start compared to the variations in color on corporate desktops.... photographer clients may not get this, make sure the hours spent doing this are discussed, somehow compensated as it can waste TONS of time....
I see what you are saying... but it already will look different from what you are looking at depending on the hardware being used. There is really no win with this. The only instance were i can see this mattering is if you have 2 different browsers opened at the same time next to each other... and who does that besides us?
make sure that you're not including a color profile to your jpg when saving for web from an sRGB document. otherwise images will act different in different browsers. some can handle profiles, some can't.
if you want the best possible result, do include the AdobeRGB profile when saving for web from an AdobeRGB document.
I work in my monitor's color profile and convert all documents to that... and then save for web w/that same profile - at least on my monitor - everything looks the same... but of course as mentioned above - final color will depend on the end-user's monitor.
the best you can do is make sure you're at least working inside your monitor's color profile if you want the color to be the same from photoshop to your browser.