-
ID:DSqZnO さんの質問

セーフカラーでさえも...? Illustratorでつくったデザイン、ブラウザで見ると彩度が低くなります。対策はありますか?

Illustratorでwebデザインをしている者です。

  • カラー設定:sRGB
  • ICCプロファイル なし

で画像を保存すると、Chrome 、macプレビュー画面で
彩度が低くなり、色の印象がかなり変わります。
(スマホ Andoroid ブラウザ2.3.3 は問題なく表示されました)

「ICCプロファイル:あり」にすると解決します。
しかし、この方法で解決したとしても
今度は cssで記述する部分と違いが出てしまわないか?
またgifやpng画像は…?となります。

制作する上で何か解決策はありますでしょうか?

※ webセーフカラーなら問題ないか?と思い試してみましたが
セーフカラーでさえも、
web用に保存→Chrome、macプレビューで見ると
なぜか彩度が低くなります。。

みんなの回答 3 件

ID:LlrHi4 さんの回答

たとえば、CSSで指定した#ff0000がブラウザにとっての#ff0000であり、それがブラウザにとっての正しさです。
イラレで作成した#ff0000の画像と、ブラウザ上の#ff0000が一致しないのだとしたら、それはイラレの設定がブラウザの正しさに乗っかっていないということです。イラレの結果にブラウザの結果を近づけるのではなく、イラレがブラウザに従う必要があるということです。つまり、イラレ上のデザインプレビューの時点で既におかしいということです。

ID:DSqZnO

>イラレ上のデザインプレビューの時点で既におかしい
私も当初ココを疑っていたのですが、下記の方法を試してみて「??」となっています。

ブラウザ:WEBカラー見本サイトで#ff0066という色を表示
Illustrator:同じく#ff0066 色を作成して表示
2つを画面上で並べてみると差異がありません。
しかし、このIllustratorデータをjpgとして書き出す(ICCなし)と、彩度が低くなり違う色に見えてしまいます。

ID:DSqZnO

つまりChromeとmacプレビューが、ICCナシだと彩度低めで表示してしまう...ということでしょうか?

ID:IAtonA さんの回答

はじまった。

ID:6poaSv さんの回答

画像の色プロファイルとエンジンの問題

最終更新日:2015-08-18 (2,899 views)

関連するトピックス

ページ上部に戻る