Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

I really hope someone can help! In the past few months I have been having issues with the colors on my jpg files, originating from Photoshop (not sure if this has anything to do with it). When uploading the images online, the colors and contrast are majorly affected. Please see the attached image 1, versus the image that was uploaded onto smugmug AND email. As soon as the image is uploaded, the colors go wack! However, if I download the image from email or smugmug, it looks like the original. It appears that it is just the web presentation that is affected. This is problematic for me, as I am a photographer and need my images to look like the originals when they are posted online. In my most recent blog post: http://www.heathertufts.com/blog/wedding-bells-at-the-doctors-house/ the featured image (from the wordpress account), is green and contrasty. The original is a soft B&W. I just don't get it!!! help? :)

image1enter image description here

share|improve this question
    
Are they being downscaled by the web app? Are you uploading huge files with either lots of Pixels/Inch or a much larger width and height than the web app is displaying them at? If so you'll need to optimise them to work better with the web apps downscaling, likely through trial and error. Also be aware that it provides a better finish if the app has to downscale by 50% (common fraction) rather than if it has to downscale by 58.64%. –  Dominic Sep 22 '13 at 15:29
    
For web, I usually resize the images to 1500X1500 (approx) pixels/inch. (down from like 5000 x5000) So, this terrible affect on my photos is happening on Smugmug (where i upload my photos for clients to see), on my website (wordpress) AND through email!! It is only the files originating from PS. If I take a screen shot of the image as I see it- before it becomes distorted, and then save it as a jpg, the colors don't change. –  Heather Sep 22 '13 at 15:55
    
Also- in my most recent blog post- ALL Of the images in that gallery are contrasty and nothing like the originals :( –  Heather Sep 22 '13 at 15:57
    
1500x1500 is still quite large and if its scaling to say, 850px it has to do some complicated maths, whereas if it was 1700 down to 850px its a lot easier as it's half. I've had a similar problem in the past and experimenting with different sizes was the solution on Facebook, Twitter etc, though the best results are achieved by saving it at exactly the size it's being displayed at. Also using Save for Web & Devices.. is better than using Save As. –  Dominic Sep 22 '13 at 16:18
    
It could also be a problem if you're using CMYK colours and not RGB. –  Dominic Sep 22 '13 at 16:21
show 1 more comment

1 Answer

The issue is most likely the color profile that you are using.

Adobe RGB uses a wider gamut than sRGB - specifically in the cyan-green range.

sRGB is design for best color reproduction on the widest amount of standard monitors so will give you a better result.

When saving your images you should use 'Save for Web & Devices' and be sure that the color profile you are using is sRGB (in Photoshop CS5 this is a tick box labeled 'Convert to sRGB').

A google search for 'adobe rgb 1998 vs srgb' should give you plenty more info on this.

Some more background info (from www.cambridgeincolour.com):

sRGB is a RGB color space proposed by HP and Microsoft because it approximates the color gamut of the most common computer display devices. Since sRGB serves as a "best guess" for how another person's monitor produces color, it has become the standard color space for displaying images on the internet. sRGB's color gamut encompasses just 35% of the visible colors specified by CIE. Although sRGB results in one of the narrowest gamuts of any working space, sRGB's gamut is still considered broad enough for most color applications.

Adobe RGB 1998 was designed (by Adobe Systems, Inc.) to encompass most of the colors achievable on CMYK printers, but by using only RGB primary colors on a device such as your computer display. The Adobe RGB 1998 space encompasses roughly 50% of the visible colors specified by CIE — improving upon sRGB's gamut primarily in cyan-greens.

share|improve this answer
    
This seems like really great information! Let me test it out. Thank you so much! (I will keep you updated) –  Heather Sep 23 '13 at 14:47
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.