How to make PNG images to look the same in every browser

If you don’t set the right encoding parameters, PNG images are not going to be rendered the same way across every browser. This is a well known problem.

What was much less known is the solution:

- in Photoshop, turn on proof colors (view -> proof colors)
- make sure your proof setup is set to “monitor rgb” (view -> proof setup -> monitor rgb)
- when you save for web, make sure you do 24 bit png, interlacing OFF, and uncheck convert to srgb

via: swiss-miss

save