Images look different in photoshop and browser

[philentropist]

I'm using CS2, and images look different between photoshop and firefox 3. I'm sure this has something to do with color profiles, but I'd really appreciate some help understanding why exactly.

I'm not very concerned about how the images compare across different computers, but I need the same image to look the same in photoshop and firefox on my computer. How can I achieve this?

[dipper07]

No it never can happen in a way you are telling.. yes the colour setting for your browser can be different and it can provide different results.. so.. just preview the image in Windows fax and picture viewer and check it is correct or wrong then.. let us know ..

[millerstreet]

Dipper07, yes, it can and does. I've had the same problem. In Windows Photo Gallery it looks as it does in Photoshop CS3, but browsers (IE, FF, OP) all have the tint way off. In a particular image I'm working with right now, a photo of an LA Clipper player has the uniform with a purple tint instead of the regular blue.

Here's one commonality with what I've experienced, and that it is when I open an image in Lightroom 2.3, rather than export the image, will tinting problems occur. When I export and then open in PS, it comes out clean. Very weird, I know. But it DOES happen.

[JgraphNet]

Yes, it has to do with the Color Settings.
All browsers - to my knowledge - is working under the sRGB Color Space ( Monitor RGB ). If your Photoshop is set to work under Abobe RGB ( Edit > Color Settings... and check what RGB you have in 'Working Spaces' ) it will not display the same Color Space in your browser.

Now - you have two choices here.
Either to set you entire Photoshop Color Space to sRGB and convert your images to Adobe RGB when needed ( Edit > Convert to Profile... ) - as for Printwork, Pre Press and what have you - or, you can keep working in Adobe RGB and convert images for the web (sRGB) the same way.
Please note that the second choice may require some tweeking to get (close to) the same colors as Adobe RGB.

All this provided your monitor is set to work under - and calibrated for - sRGB and not some generic ICC-profile installed with the driver for your monitor. Check the manual.

--- dkj ---

[transurferx]

Can it appears on the color scale?

[TheNatio]

Before publication use html fixes for some browsers
Google it

[Steve]

Photoshop uses the embedded Color Space in an image (sRGB, Adobe RGB, etc.), most Windows viewers like Internet Explorer, Firefox, Windows Picture & Fax Viewer, etc., ignore it.


If you want to know that your image will look like on the web go to Edit|Assign Profile|Don't Color Manage This Document and turn off color management in Photoshop.

Read the whole discussion here:
Color problems in photograph after SAVE AS jpeg?

[dzemomona12]

When you save pictures for web, never use "Save As", but "Save for Web and Devices" instead. This way it sets up the right colors browsers can show.

[Steve]

dzemomona12,

You'll notice your signature has been removed.
Please read the site rules including the rule referring to links in your signature.
Avatars and Signatures
"You are allowed to put a link to your personal or professional website, portfolio, or other site RELATED in some way to Photoshop or any kind of visual design."