Blogブログ

2018/01/18 WEB

Chrome、Firefoxで写真の色味がおかしくなる(蛍光気味)

イメージ

Webサイトに掲載した画像が、ブラウザによってはすごい色に表示されてしまう事があります。

原因のひとつとしては、
画像のカラーモードがCMYKになっている。
Web用の画像はRGBで作りましょう。

言ってしまえばそれまでなのですが、
それぞれのブラウザでどんな色になるのか見比べてみました。
以下、左がRGB、右がCMYKです。

Mac Safari

Mac Chrome

Mac Firefox

Windows Edge

Windows IE

Windows Chrome

Windows Firefox

Firefox、Chromeは顕著です。
Safari、IE、Edgeは影響が少なめの様ですが、わずかにくすんでいます。

ものすごく初歩的ですし、印刷用のデータをWeb用にしようとする時くらいにしか起こらないと思いますが。

色がおかしいなと思ったら、画像のカラーモードも調べてみてください。