Firefox displaying image colours incorrectly

StackOverflow https://stackoverflow.com/questions/19637958

  •  01-07-2022
  •  | 
  •  

Question

I have a website that incorporates a logo in to the header. This logo has a background that is the same colour as the background of the header, yet in Firefox the colour is different.

I can find various articles alluding that the 'colour profile' being the culprit, but I cannot find out how to fix this issue.

Quite why anyone would think that changing the colour of an image is the way forward I don't know, but it looks very poor, so I'd be grateful for some suggestions on how to fix this.

To create the original image I used GIMP, and it has been exported as a PNG.

Here is a section of the header so that you can visually see what I mean - enter image description here

Was it helpful?

Solution

Since you do not provide the original image, I have to make an educated guess: Your image most likely has a (broken, incorrect) color profile embedded. Fix or remove the color profile and you should be good. See the documentation of your favorite tool on how to do that.

OTHER TIPS

You should use some tool like tweakpng to check if the PNG has a color profile, and remove it.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top