Photoshop: How to ensure colors don't change/shift when saving ?

  • 1
  • Question
  • Updated 7 years ago
  • (Edited)
How to ensure colors don't change when saving ?
I'm trying to post some images on one of the site's i make, my problem is that even after getting the exact hex code and introducing it into my image, the color shifts(changes) after re-opening, for example i set the color to R0 G0 B76 but after saving, closing and re-opening the color always shifts to R1 G0 B76. I read that color profiles have something to do with it but nothing i try changes this, the only way i've found to avoid this is to save (for web) as a GIF.

I've tried opening an sRGB image, working in sRGB and saving in sRGB but nothing, i've also tried discarding color profiles and not embedding any when saving also with no change. (i also tried the default ones, same result).

Does anyone have any ideas ?

To test this on your on installation, just make a new file, fill it with R0 G0 B76 (hex code of #00004c), save it, close it, then reopen it and use the Info pallet or the Eyedropper tool to check if the color has shifted or not.
Photo of Joe Gagyi

Joe Gagyi

  • 15 Posts
  • 0 Reply Likes
  • frustrated

Posted 7 years ago

  • 1
Photo of Andrew Rodney

Andrew Rodney

  • 476 Posts
  • 76 Reply Likes
If you are posting to the web, and you or others are not using an ICC aware, color managed browser, you'll not get identical previews between that browser and Photoshop or Lightroom (or any other color managed app). Even in sRGB with a profile, unless you are using Firefox or Safari, the browser doesn't even recognize the profiles (embedded or for the display).

Here's a test for your browsers:http://www.color.org/version4html.xalter

A difference of 0/0/76 and 1/0/76 is hardly visible and may be due to rounding errors saving a JPEG.
Photo of Joe Gagyi

Joe Gagyi

  • 15 Posts
  • 0 Reply Likes
well i am using Firefox (6.0.2 to be exact) so that's not a problem.

But i'm having issues with this before i even leave Photoshop, so it's not a browser issue.

I know it's hardly noticeable, i can barely even see the difference, but if the client see's it and complains about it then i have to change it, normally i would just use transparency instead so it can just take on the backgrounds color, but some site-builders like homestead don't support transparency.

I think you're right though, about the rounding errors, so is there any way to fix that ? (i am using the above maximum setting of 12 to save JPEG's but with no luck)
Or should i just stick to GIF's ? (PNG's seem to suffer the same way)

So are you saying that no matter what color profile i use or don't use i would still get this problem ?

If i was just posting a picture i really wouldn't care about that little difference, it's only a problem when trying to meld it into something else.

P.S. I did that ICC profile test, passed it.
Photo of Andrew Rodney

Andrew Rodney

  • 476 Posts
  • 76 Reply Likes
Try saving as a TIFF or maybe up the quality of the JPEG and see if the one value changes. The TIFF should have identical values. IF the client complains, they’ll have to deal with a bigger file.
Photo of Joe Gagyi

Joe Gagyi

  • 15 Posts
  • 0 Reply Likes
You must have missed the part where i said that i'm using the above maximum quality setting of 12, and TIFF files can't be used in the site-builder i'm using (not even PNGs)(nor would i want to because of loading times, and as i said i can use GIF's to work around it)
But i still need to know how to save JPEGs and PNGs without their colors shifting, and if it can't be done then maybe it would be something that needs to be fixed in later versions of Photoshop

I've heard that other imaging software don't have such issues, but i'm in no mood to learn how they work let alone pay for them.
Photo of Andrew Rodney

Andrew Rodney

  • 476 Posts
  • 76 Reply Likes
But do TIFFs exhibit the one value difference in a single channel?
I suspect this one value is due to JPEG so it may be unavoidable. That said, few will be able to see one value in a single channel.
Photo of Chris Cox

Chris Cox

  • 20280 Posts
  • 764 Reply Likes
If it differs by one value out of 256, then yes, that's probably just the lossy nature of JPEG, and not much can be done about that. Photoshop already optimizes the JPEG compression to reduce loss, but Photoshop can't control how the image will be decompressed (JPEG has a lot of lattitude).

PNGs don't have any value or color shift - because they are a lossless format.
Photo of Joe Gagyi

Joe Gagyi

  • 15 Posts
  • 0 Reply Likes
No TIFFs and PNGs don't seem to exhibit color shifts, not with my current setup without color profiles

You would think that 1 value difference wouldn't be noticeable but it is,

Anyway i consider this topic over, the answer is just don't use JPEG