Nature Photographers Network
This is the preserved archive of the original Nature Photographers Network. The community continues at naturephotographers.network.

Save for web/Image posting advice needed?

Discussion

16 replies
Posted by Justin on June 12, 2009 at 4:42 PM
Hi,

I was just about to post an image. I converted to sRGB as usual and selected the Save for Web option, as I usually do, but the colours have gone very over saturated for some reason.
I've tried not converting to sRGB and unchecking the ICC profile box, but it doesn't seem to make any difference.
I've never had a problem before and my workflow is the same as it's always been. The only thing that has changed is my monitor, which has gone from a CRT to an LCD and one of these wide colour gamut ones, which I presume is the problem.

Any idea how to correct the issue?

Thanks,
Posted by Anthony House on June 12, 2009 at 5:15 PM
I had problems with save for web in PS .... Kept getting a magenta cast plus the colours were slightly more saturated. There's a circle with a small arrow top right of the save for web page, I clicked on that which brought down a menu. I then selected save use document profile, this sorted my problem but I had no idea why it had changed as I'd never had the problem before... Probably nothing to do with your processing issue :rolleyes:

Posted by Justin on June 12, 2009 at 5:20 PM
Thanks Tony.
I've just selected Document profile and it's done the trick. Not sure why though, I've never changed that option before, in fact I didn't even know they existed. :smile:
Posted by Justin on June 12, 2009 at 5:41 PM
EDIT Problem not solved unfortunately. Selecting Document profile makes the preview in the Save for Web screen look normal, but once uploaded to the web the colours look way over-saturated again. The same over saturated appearance as when I choose View-Proof Colours-Monitor RGB in Photoshop.


Posted by Mike Smith on June 13, 2009 at 2:51 AM
Justin

I gave up using "save for web" as I had teh same issues and now just use "save as" and select jpeg.

Also have you got your view/proof setting in PS set to Monitor RGB - I found that helps mimic web viewing better than standard Windows RGB - it can default back to some strange settings from background Adobe web upgrades

Mike
Posted by Justin on June 13, 2009 at 4:08 AM
Hi Mike,

I tried 'Save as' but that unfortunately that didn't solve the issue.

When I select Monitor RGB in Proof colours that shows me the over-saturated result that I will get in Internet Explorer.


I think I've found the solution though :smile:

I've just tried Firefox and enabled colour management and the image looks fine. So I guess the image will look fine unless the viewer is using Internet Explorer in combination with a wide gamut monitor, as I've just found out :smile:
Looks like I'll be using Firefox then from now on.

In fact opening the same image with lots of reds in, in Internet Explorer and also in Firefox, it almost looks like the properly colour managed one in Firefox is a bit of a let down. A bit like comparing a Velvia slide with a Kodachrome one :smile:
Posted by David Kjaer on June 13, 2009 at 4:42 AM
Hi Justin

I use photoshop for both images posted on the forum and on my website - after the usual sharpening and resizing I save as sRGB in 'convert to profile' and save as a jpeg 10 and have never had a problem!

David
Posted by Justin on June 13, 2009 at 4:45 AM
Thanks David.
Posted by Mike Smith on June 13, 2009 at 8:23 AM
Justin

"When I select Monitor RGB in Proof colours that shows me the over-saturated result that I will get in Internet Explorer"

precisely the point.....by using monitor RGB view PS is now set up to display the web output, you need to adjust the colours in monitor RGB mode for standard web presentation, as the gamut is not as wide so you getting colour saturation issues hence the need to use sRGB for web presentation it is a lower gamut environment. Monitor RGB is the closest match that I have found to give you the web output look.

If you are working with standard Adobe RGB viewing environment the colours will look fine on screen, then upload your file to the web and you get the red/magenta colour cast. By using monitor RGB PS mimics what you will get viewing in Windows Explorer

Posted by Justin on June 13, 2009 at 9:46 AM
Hi Mike,

Thanks for your input.
I understand exactly what you're saying and I understand how proofing the image with Monitor RGB will show what it will look like on the web. My issue though wasn't with the Save for web altering the colours, as I originally thought, it was because I'm using a wide gamut screen and it's that that is showing me wacky colours, because it doesn't show accurate colours in a non-colour managed application, which Internet Explore is.
I worked this out this morning by opening an identical image using Firefox and Internet Explorer. Some images looked ok but anything containing red looked way over-saturated in I.E. 8 but fine in Firefox (thanks to having colour management enabled there). So what I've done is scrapped I.E. 8 now and set Firefox as my default browser.
If I view a soft proof of my image in Photoshop with Monitor RGB selected it will look terrible, but I believe that's only because I'm viewing it on a wide gamut monitor, if it was just an ordinary screen it would look fine, hence the reason I've never had the issue before.

So, if I've understood things correctly. When I upload an image it will look, as intended, to anyone viewing with a non wide gamut monitor using any browser. For those using a wide gamut screen, it will look fine if they're using a browser that supports colour management, such as Firefox, etc but it will look over-saturated if they're using Internet Explorer.
So, I'm assuming that anyone using the wide gamut screens will know this anyway and be using Firefox, for that very reason, I hope :biggrin:


If the slight change in image appearance that you're refering to is to do with the Save for web command then I think that's a slightly different issue to the one I was having. I've heard people mention that contrast and saturation changes a bit when they've used Save for web, but that's something I've never really noticed,so if there is a change, then it's always been subtle enough for me not to bother trying to correct.
Posted by Danielle Nichol on June 13, 2009 at 2:55 PM
The other bad thing about "save for web" is it strips out your exif info, I always use "save as" because people like to see the exif, there are a few addons for firefox which allow you to see exif just by right clicking on the image, fxif and exif viewer are two.

:cool:
Posted by Justin on June 13, 2009 at 4:16 PM
Thanks Danielle, that's a good point. I'm not bothered about losing it myself, but it's good to know there is a workaround, for those that wish to keep it intact.
Posted by Graeme Lee on June 13, 2009 at 5:07 PM
yeah but getting rid of that Exif means you have an extra 1kb to add to the quality of the image :wink:
Posted by Justin on June 13, 2009 at 6:12 PM
Every little helps :wink: :biggrin:
Posted by Mike Smith on June 14, 2009 at 2:22 PM
Now I'm confused, surely a wide gamut screen is just one that is capable of showing more colours, An image in sRGB should like identical on a wide gamut and ordinary screen, there should be no colour shift???

Posted by Justin on June 14, 2009 at 3:07 PM
Hi Mike,

That's what I would have thought. I don't know the reason why there is an issue with non-coloured managed applications, but I'm intrigued to know now.
I tried doing a Google search but I couldn't find a decent article that explains it.
I'll post the answer if I find it.
Posted by Justin on June 14, 2009 at 3:15 PM
There's an article HERE, towards the bottom of the page that explains the reason why there are issues between monitor types.