ID:DSqZnOd40spb さんの質問

1,501 views

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

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

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

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

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

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

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

登録日:2015-08-16 · カテゴリー:Webデザイン

みんなの回答 3 件

2015-08-16 · ID:LlrHi4yFKAQ9 報告

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

2015-08-16 · トピ主 報告

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

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

2015-08-16 · トピ主 報告

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

2015-08-17 · ID:IAtonAeMMntz 報告

はじまった。

2015-08-18 · ID:6poaSvlr3RIS 報告

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

回答の受付は終了しました。