Images losing quality when I save them

[dthomas31uk]

I am having a bit of a problem, never experienced this problem before, well not as drastic as this. Say I draw a rectangle in photoshop with a fill color of say #d138b6. When I go to save it to web the image shown in the preview is cloudier than the one I created. Have tried changing cmyk, rgb etc but it is still doing this. Does anyone know why? Cheers guys. Hope someone can help. Thanks. Am using CS3

 

[audiopro]

What format and settings are you saving the image in?

if 'gif' how many colours.
if 'jpg' how much compression?

Keith

http://www.studiosoft.co.uk

 

[dthomas31uk]

I am using a mac. The colours are all cloudied out in gif's and jpeg's. Think its some issue with macs. Have tried changing color settings etc, but no joy. Unticked srgb when I save an image no joy.

 

[audiopro]

No experience of macs I am afraid, sorry.


Keith

http://www.studiosoft.co.uk

 

[apepp]

...in the save for web dialog you have color options in the arrow top right of this dialog, depending on what it is set to you get differing results...

...in photoshop choose edit > convert to profile > sRGB IEC61966-2.1...

...typical workflow is to convert to profile sRGB IEC61966-2.1 before entering save for web, and then in save for web choose "use document color profile" from the arrow options top right...

...if your working space is already sRGB IEC61966-2.1 then no conversion is required...

...although the web is not color managed in many browsers, the web assumes sRGB, so therefore an sRGB conversion is the best method...

Andrew

 

[apepp]

...to see what i really mean, view your final jpg images in firefox and safari...

...safari is color managed, however firefox is not, and firefox is typical of most users on the web...

Andrew

 

[apepp]

...this does depend if you embed an icc profile, without an icc profile, safari should look the same as firefox...

...anyway, the save for web dialog is a pretty misleading one...

Andrew

 

[apepp]

...and to add further, the near true end result often looks more like the "uncompensated color" option in save for web, for most users on the web...

...with that option selected the non-color managed browsers out there will look more like that...

...however, to add further to the mix, one monitor doesn't display color the same as another, so if someone viewed the icc tagged rgb image in say safari, they might be closer to what you see, because of the color management built into that browser...

...so yes, very confusing, and very tricky to be absolutely sure that what an end user sees is what you are seeing...

...in reality you won't really know...

Andrew

 

[apepp]

...for further example, here is your color (#d138b6) created in eciRGB_v2 color space, saved without profile from save for web:

http://www.zen63258.zen.co.uk/tek/webtest/eci_nop.jpg

...here is the same saved WITH profile:

http://www.zen63258.zen.co.uk/tek/webtest/eci_wip.jpg

...here is the same, converted to sRGB, saved without profile from save for web:

http://www.zen63258.zen.co.uk/tek/webtest/srgb_nop.jpg

...and finally here, converted to sRGB, saved WITH profile:

http://www.zen63258.zen.co.uk/tek/webtest/srgb_wip.jpg

...the ones WITH profile, look like photoshop in safari, the ones without look like firefox in safari...

...when all viewed in firefox, they all look the same...

Andrew

 

[eugenetyson]

Well answered Andrew, you saved me some time in answering this

It's of utmost importance that your working space is the same colour space as you are saving for. Otherwise you will see different variations in colour.

The colour your viewing might have been in a rgb colour mode, but the working space could have been in a Prepres for Print mode.

So the colours will always look different.

You have to have the colour mode as RGB and the Working Space as sRGB for the web.

http://www.doozler.blogspot.com/