Skip navigation
Mitch Man
Currently Being Moderated

Colors change when exporting to jpg file

Apr 26, 2012 10:49 AM

I'm a web designer and use Fireworks CS5 extensively. In the last week, I've had 2 artists indicate that an exported jpg image that I created for their websites does not look the same as the original. In one case, aqua colors were darkened to a grey/blue. In another case, the exported image just looks darker than the original. In both cases, I started with a jpg file that the artist sent me.


I've tried eliminating the compression by setting it to 100. I've tried using the export wizard, the regular export function, and the save as function. In the export wizard, I've unchecked the Sharpen Color Edges and Remove Unused Colors checkboxes. The created images all look the same yet different than the originals. As an expeiment, I created new jpg images using Paint Shop Pro and the exported file looks exactly like the original.


Any help would be appreciated.

  • Currently Being Moderated
    Apr 26, 2012 1:53 PM   in reply to Mitch Man

    Are they viewing them in a browser? Some web browsers are not very good at displaying true colours of photographic because they do not read the ICC colour profiles that are embedded in then. If the images are being processed in Photoshop, make sure the artists are using the sRGB color space rather than Adobe RGB, and that they are not embedding color profiles.

    Mark as:
  • Currently Being Moderated
    Apr 26, 2012 4:59 PM   in reply to Mitch Man

    Along the same lines as Linda's suggestion: Take a look at the color profile of the image sent to you by the artist before you work on it. If it's anything other than sRGB, convert it. If you're on a Mac, you can use the Info panel (Command-I) to quickly check for a color profile on a graphic; otherwise, you can fire up Photoshop and use its Info panel. To convert the color profile within Photoshop, use Edit > Convert to Profile, which will preserve the image appearance but attach a different ICC profile.


    Info panel.png


    Fireworks doesn't acknowledge color profiles (at least FW8 doesn't), so when you open the image in FW, you might see a small color shift. When you save or export the graphic from FW, the ICC profile may be stripped from the file. If it's important that it be preserved, as a final step, you could try re-opening the exported graphic in Photoshop and re-assigning the sRGB profile (using Edit > Assign Profile) before sending it off to your client. Some web browsers do observe color profiles now—Safari and Firefox, for instance. I think it's good to include them for photographs, but they shouldn't really be necessary for web or interface graphics.


    Here's a related post that might be helpful:


    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points