Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I have no idea at all, first of all, of image internal composition and color modes.

That said, I have a very strange problem.

These are the pictures:

http://tracker.fusiondev.com.ar/themes/bavarian_dawn/images/original.jpg

http://tracker.fusiondev.com.ar/themes/bavarian_dawn/images/bg-orange.jpg

Well, the ORIGINAL is more colorful in Firefox, but the second is like powered off (I dont know english word for that). It looks like the yellow-orange at the left center is changed.

I needed to slow the size from 1mb to about 300k, so I opened the original with Fireworks and Photoshop (ps is the second link) with the same results.

This is not a life matter, I am just curious why this happens.

If you go to http://tracker.fusiondev.com.ar and look at wrapper div with Firebug u will be able to change the background URL to the original.jpg and see what I am talking about.

Thanks!

EDIT: If you open both URLs in Firefox u will see the change inmediatly.

share|improve this question
add comment

1 Answer 1

The reason why your images look different is because of the compression you applied to the second one. The higher the compression, the more the quality degrades.

JPEG is a lossy compression format, meaning there is loss of image information during the compression (a sacrifice needed to make the file smaller). For example, this is the same image saved with an increasing compression:

enter image description here enter image description here enter image description here

Notice that it's not just the sharpness that gets affected, the colors suffer as well. Unfortunately, the only way to not lose colors (at all) is to use a lossless compression format, such as PNG. But, this results in a much bigger image. You can still play around with the JPEG compression modes. Two thing you should try: Using sRGB as the colorspace (optimized for web colors), and Progressive compression. Depending on your final size, you could get somewhere decent with those.

share|improve this answer
    
Thanks for the time in the answer. Seems that the problem was something related to Embedded Profile in Save for Web in Photoshop. I marked it, and the problem solved. Please refresh the links. I read in another question while searching for it, and seems that only FF supported it, but it wasnt marked before, so I dont know. –  Jorge Jan 28 at 2:04
    
@Jorge Glad to hear that! You can also answer your own question with that information you mention, it might be very helpful for others. –  Yisela Jan 28 at 2:12
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.