CODEWITHSUNDEEP
imagemacosdrupalcolorsjpeg
Jake
Jake

Reputation: 4899

Why is this image's color inconsistent across browsers?

On http://www.everymeadows.com/, the header-banner "Every Meadows on Sunset Lake" has a background color that should match the adjacent light-orange background.

On Google Chrome for OS X, the backgrounds match perfectly. On Safari and Firefox for OS X, the orange in the image is noticably darker than the CSS background.

What could be the cause of this inconsistency?

Chrome Firefox

Upvotes: 1

Views: 1036

Answers (1)

red
red

Reputation: 833

The difference in color is due to color profiles. Some browsers support images with color profiles, others don't.

The image on everymeadows is probably saved as 'Calibrated RGB Colorspace', which is default when you choose Save As in photoshop. (See file info -> more info under OSX to view the profile name of an image).

When you Save For Web in Photoshop, a web friendly sRGB profile will be automatically applied. You should not have any color problems anymore after that.

Upvotes: 2

Related Questions