Skip to main content
yy928
yy928
Known Participant
June 21, 2022
解決済み

web用に保存の色の違い

みなさまお世話になります。

 

イラスト制作をしている者です。

普段はCMYKで制作しておりますが確認用などでJPGに書き出すことが頻繁なのですが

いつの間にか「web用に保存」の際に色がくすむようになりました。

 

その件自体は各所確認、設定し直しをしてある程度解消したのですが

画像のように、書き出しダイアログの時点で

元の編集画面と色がかなり違っている場合があります。

 

画像は、左側にあるのが編集している際の画面で、

右が書き出しのダイアログですが、ダイアログの左右はそれぞれ

「元画像」と「最適化」したものの画像になります。

 

データにもよるのかもしれませんが、

本来だと「編集しているウィンドウ」と「元画像」の見た目は同じであるはずだと思うのですが、ここまで違っている原因がよくわかりません。

これは何に起因していますでしょうか…？

以下に参考になる情報を記します。

MacOS 12.2.1

Photoshop 23
作業用スペース　RGB=sRGB　　 CMYK=Japan Color 2001 Coated
ドキュメントのプロファイル　Japan Color 2001 Coated

カラープロファイル　Japan Color 2001 Coated

以上になります。
どうか宜しくお願い致します。

このトピックへの返信は締め切られました。
解決に役立った回答 Yamonov

早々にありがとうございますm(_ _)m

>書き出しメニューを使っているからです。別名保存やコピー保存でJPEGにしましょう。

 

「別名保存」では出てこなかったのですが「コピー保存」でjpgの選択肢が出ました！
プロファイルを埋め込んで書き出しましたが、そのjpgをPhotoshopで読み込めば同じ色になりましたしブラウザでも同じ色で見れました！

しかしながらプレビューAppでは添付のような見た目の差になります。
これはこれで普通のことでしょうか…？
個人的な感覚ではプレビューappはプロファイルを読んでくれないような印象だったのですが間違いでしたでしょうか…？

>PNGはそもそもCMYKモードに対応していません。

 

なるほど、勉強になります！

>印刷入稿、JPEGで行っているんでしょうか？CMYKで渡すなら、PSD形式（8bit/画像統合して背景レイヤーのみにする…透過状態が必要な時以外）の方が良いかと思いますが…

入稿はPSDやEPSです。
今回の発端は、成果物をwebに掲載する際に時折不都合が生じるのでその原因を解明したいと思い、投稿させていただいた次第でした。
仕事の上では特に問題は発生しておりません^^



>ブラウザでも同じ色で見れました！

 

ご存じだと思いますが念のため……ネットに上げる際には注意してください。
CMYK-JPEGを比較的正しく表示できるのは、Mac/iOSのSafariだけです。これ以外の表示環境ではかなり色が変わります。Mac/Chromeもなんとか表示できたりしますが、だいぶ違う印象になるでしょう。

また各種SNSなどのWEBサービスにCMYKデータをアップすると、サービスのサーバ側での処理でおかしな色になることが多いです。RGBのカラーマネジメントに対応していても、CMYKはまた別です。

 

>個人的な感覚ではプレビューappはプロファイルを読んでくれないような印象だったのですが間違いでしたでしょうか…？

 

何か変換かまされてる気がしますが、一応CMYKとして見えてますね。
Previewはカラーマネジメント対応アプリですから、プロファイルは読みます。CMYKの対応が変だ、ってだけです。

CMYKを正しく表示・処理できるのはPhotoshopくらいだと思います。
※一応他にも…AffinityPhotoとかありますが、CMYKはPhotoshopとは表示が変わります。

返信数 20

yy928
yy928作成者
Known Participant
June 23, 2022

ありがとうございますm(_ _)m

確かに…！
Chromeはプロファイルのない雰囲気で表示されますね！

覚えておきます。

webサービス群も一度検証してみます。

そして今妙なことに気づきました。
プレビューappは色がくすみますがQuicklookだと色がちゃんと出ます。
逆なら理解しやすいですがちょっと変ですね…
添付は左がプレビューappで右がQuicklookで表示させた場合です。
mojaveも同様でした。

僕もプレビューappはマネジメント対応と思っていたのですが変ですねえ…
すでに記載はしていますがOSは最新です。


補足：
上の方にも書いていただいていましたがこのフォーラム上で画像を見ると確かに差異があまりない状態で見えるんですね〜…(^_^;)
ダウンロードするとまた違う見え方がしますが…

yy928
yy928作成者
Known Participant
June 23, 2022

>ブラウザでも同じ色で見れました！

 

ご存じだと思いますが念のため……ネットに上げる際には注意してください。
CMYK-JPEGを比較的正しく表示できるのは、Mac/iOSのSafariだけです。これ以外の表示環境ではかなり色が変わります。Mac/Chromeもなんとか表示できたりしますが、だいぶ違う印象になるでしょう。

また各種SNSなどのWEBサービスにCMYKデータをアップすると、サービスのサーバ側での処理でおかしな色になることが多いです。RGBのカラーマネジメントに対応していても、CMYKはまた別です。

 

>個人的な感覚ではプレビューappはプロファイルを読んでくれないような印象だったのですが間違いでしたでしょうか…？

 

何か変換かまされてる気がしますが、一応CMYKとして見えてますね。
Previewはカラーマネジメント対応アプリですから、プロファイルは読みます。CMYKの対応が変だ、ってだけです。

CMYKを正しく表示・処理できるのはPhotoshopくらいだと思います。
※一応他にも…AffinityPhotoとかありますが、CMYKはPhotoshopとは表示が変わります。


ありがとうございますm(_ _)m

確かに…！
Chromeはプロファイルのない雰囲気で表示されますね！

覚えておきます。

webサービス群も一度検証してみます。

そして今妙なことに気づきました。
プレビューappは色がくすみますがQuicklookだと色がちゃんと出ます。
逆なら理解しやすいですがちょっと変ですね…
添付は左がプレビューappで右がQuicklookで表示させた場合です。
mojaveも同様でした。

僕もプレビューappはマネジメント対応と思っていたのですが変ですねえ…
すでに記載はしていますがOSは最新です。

Yamonov
Yamonov解決！
Legend
June 23, 2022

早々にありがとうございますm(_ _)m

>書き出しメニューを使っているからです。別名保存やコピー保存でJPEGにしましょう。

 

「別名保存」では出てこなかったのですが「コピー保存」でjpgの選択肢が出ました！
プロファイルを埋め込んで書き出しましたが、そのjpgをPhotoshopで読み込めば同じ色になりましたしブラウザでも同じ色で見れました！

しかしながらプレビューAppでは添付のような見た目の差になります。
これはこれで普通のことでしょうか…？
個人的な感覚ではプレビューappはプロファイルを読んでくれないような印象だったのですが間違いでしたでしょうか…？

>PNGはそもそもCMYKモードに対応していません。

 

なるほど、勉強になります！

>印刷入稿、JPEGで行っているんでしょうか？CMYKで渡すなら、PSD形式（8bit/画像統合して背景レイヤーのみにする…透過状態が必要な時以外）の方が良いかと思いますが…

入稿はPSDやEPSです。
今回の発端は、成果物をwebに掲載する際に時折不都合が生じるのでその原因を解明したいと思い、投稿させていただいた次第でした。
仕事の上では特に問題は発生しておりません^^



>ブラウザでも同じ色で見れました！

 

ご存じだと思いますが念のため……ネットに上げる際には注意してください。
CMYK-JPEGを比較的正しく表示できるのは、Mac/iOSのSafariだけです。これ以外の表示環境ではかなり色が変わります。Mac/Chromeもなんとか表示できたりしますが、だいぶ違う印象になるでしょう。

また各種SNSなどのWEBサービスにCMYKデータをアップすると、サービスのサーバ側での処理でおかしな色になることが多いです。RGBのカラーマネジメントに対応していても、CMYKはまた別です。

 

>個人的な感覚ではプレビューappはプロファイルを読んでくれないような印象だったのですが間違いでしたでしょうか…？

 

何か変換かまされてる気がしますが、一応CMYKとして見えてますね。
Previewはカラーマネジメント対応アプリですから、プロファイルは読みます。CMYKの対応が変だ、ってだけです。

CMYKを正しく表示・処理できるのはPhotoshopくらいだと思います。
※一応他にも…AffinityPhotoとかありますが、CMYKはPhotoshopとは表示が変わります。

--Yamonov
    yy928
    yy928作成者
    Known Participant
    June 23, 2022

    ＞CMYK（ Japan〜）のカラープロファイルで制作しているpsdデータは
    ＞jpgやPNG書き出し時にカラープロファイルを埋め込めないようなのですが
    ＞その辺はいかがでしょうか…？

     

    書き出しメニューを使っているからです。別名保存やコピー保存でJPEGにしましょう。

     

    書き出しメニュー内の機能はあれ、WEB向けなのでRGBになります。例えば書き出し形式...なら作業用RGBに変換し、作業用RGBを埋め込みます。


    保存orコピー保存からならJPEGでもCMYKかつプロファイル埋め込みできます。
    PNGはそもそもCMYKモードに対応していません。

     

    印刷入稿、JPEGで行っているんでしょうか？CMYKで渡すなら、PSD形式（8bit/画像統合して背景レイヤーのみにする…透過状態が必要な時以外）の方が良いかと思いますが…


    早々にありがとうございますm(_ _)m

    >書き出しメニューを使っているからです。別名保存やコピー保存でJPEGにしましょう。

     

    「別名保存」では出てこなかったのですが「コピー保存」でjpgの選択肢が出ました！
    プロファイルを埋め込んで書き出しましたが、そのjpgをPhotoshopで読み込めば同じ色になりましたしブラウザでも同じ色で見れました！

    しかしながらプレビューAppでは添付のような見た目の差になります。
    これはこれで普通のことでしょうか…？
    個人的な感覚ではプレビューappはプロファイルを読んでくれないような印象だったのですが間違いでしたでしょうか…？

    >PNGはそもそもCMYKモードに対応していません。

     

    なるほど、勉強になります！

    >印刷入稿、JPEGで行っているんでしょうか？CMYKで渡すなら、PSD形式（8bit/画像統合して背景レイヤーのみにする…透過状態が必要な時以外）の方が良いかと思いますが…

    入稿はPSDやEPSです。
    今回の発端は、成果物をwebに掲載する際に時折不都合が生じるのでその原因を解明したいと思い、投稿させていただいた次第でした。
    仕事の上では特に問題は発生しておりません^^


    Yamonov
    Yamonov
    Legend
    June 23, 2022

    Yamonovさん

    詳しいご返信、本当にありがとうございます！！

     

    >実は、EIZOの方が「鮮やかになり過ぎてしまう」ということではなくて、逆です。「今までその色で塗っていた」ということです。
    ※Photoshopを使われているんですよね？描いているのは別のソフトウェアですか？

     

    はい、iMacとCintiq上でPhotoshopを使っています。

     

     

    >Cintiqは表現できる色がCS2420に比べると狭いのです。ですので、

    ・Cintiqで緑色を作って塗る→Cintiqで表現できる緑色に制限されて見えている
    ・それをCSで見る→本当に塗った時の色で見えている

    ということになります。

     

    なるほど…

    実は該当の絵は、水面の部分はレイヤー効果によって出た色でして

    僕が意図して選択した色ではありませんでした。

    使う色は通常はパレットから選択するので大抵同じ色を使うのですが

    この絵はそういった理由で予期しないハデな色味になっていたのかと思います。

    それによって、いつもの絵よりも差異が大きく見えたのだろうと思いました。

     

     

    >CSは、「専用センサー」とのセット品でしょうか？


    はい、センサー付きでちょこちょこカラーマネジメントしております！

     

     

     

    >Adobe RGB相当の鮮やかさを持つスマホの写真が、そのままWEBにアップされて、色もちゃんと表示されていますよね？あれがDisplay P3の色域です。Adobe RGBでもなんでも、プロファイルが埋め込まれていればそれほど外すことはありません。

     

    なるほど、ぼんやり理解していた部分そのままのお答えで安心いたしました。

    最近はだいぶんとブラウザも対応してきていますね。

     

     

    ・プロファイルが埋め込まれていないと、カラーマネジメントをするWEBブラウザやPhotoshop、Preview.appは色を表示できず困ってしまうので、デフォルトのカラープロファイルを無理矢理数値に当てはめて色を表示します。

     

    まだ調べ中なのですが

    CMYK（ Japan〜）のカラープロファイルで制作しているpsdデータは

    jpgやPNG書き出し時にカラープロファイルを埋め込めないようなのですが

    その辺はいかがでしょうか…？

    CMYKだからjpgに埋め込めないのは理解していますが

    根本的に印刷用のデータはどこか諦めないといけない部分がある、と

    思っている方がよろしいでしょうか？

    ※RGBでの製作ではプロファイルをきちんとすると大抵問題は解消していると思います。

     


    >大事なのは、画像にカラープロファイルをちゃんと埋め込んでおくことです。「プロファイルの埋め込み」があったら迷わずチェックしてください。

    ありがとうございます、改めて理解し直せたように思います。

     

     

    ご返信いただいた内容を何度も何度も読んで、曖昧だった感覚をきちっと整頓したいと思います。

    本当にありがとうございますm(_ _)m


    ＞CMYK（ Japan〜）のカラープロファイルで制作しているpsdデータは
    ＞jpgやPNG書き出し時にカラープロファイルを埋め込めないようなのですが
    ＞その辺はいかがでしょうか…？

     

    書き出しメニューを使っているからです。別名保存やコピー保存でJPEGにしましょう。

     

    書き出しメニュー内の機能はあれ、WEB向けなのでRGBになります。例えば書き出し形式...なら作業用RGBに変換し、作業用RGBを埋め込みます。


    保存orコピー保存からならJPEGでもCMYKかつプロファイル埋め込みできます。
    PNGはそもそもCMYKモードに対応していません。

     

    印刷入稿、JPEGで行っているんでしょうか？CMYKで渡すなら、PSD形式（8bit/画像統合して背景レイヤーのみにする…透過状態が必要な時以外）の方が良いかと思いますが…

    --Yamonov
      yy928
      yy928作成者
      Known Participant
      June 23, 2022

      回答しにくいので、OCRしました（笑

       

      みなさま、いろいろとご意見、そして検証までありがとうこざいました！
      カラープロファイルは本当に苦手ですがぼんやりと、状況が分かったような気がします。
      今回の画像の環境を書き足りておりませんでしたが
      M1 Mac mini
      モニタCS2420 (EIZO)
      です。
      確かに、先頃EIZO に変えた頃から色がキッくなったように思います。
      補足として、さらに私事で申し訳ありませんが
      イラスト制作は
      iMac+Cintiq
      で行っておりまして、基本的にはその環境で色調整しながら描いておるのですが、そのデータをMac mini & EIZOで開くとなかなかどぎつい色になる事があり違和感はあったもののしばし放置しておりました。
      ただ、今回ちょっと目に見えて違い過ぎたので相談させて頂いた次第でした。
      Yamonovさんも緑について触れておられていましたが、EIZO のようにAdobeRGBの再現性の高いモニタ？だと緑系が他に比べて鮮やかに映り過ぎてしまう、というふうに理解しているとよいでしょうか．．．？
      この海面の青緑を消すと、そこまで大きな違いを感じないのも事実です。
      またもう一つ、お詳しい方に「考え方」をお伺いしたいのですが、普段は印刷用に描いていますので印刷にて大体思ったような色が出ればそれでよいのですが、それをweb（ブラウザ）で発表したい際にはEIZO モニタで見えている色を世間に見せることはできないと思ったほうが良いのでしょうか．．．？
      sRGBで表現される色でしか見せる事ができない、と思うのが正しいですか？
      以上、長文申し訳ありません。
      改めましてみなさまありがとうございます。
      追伸：添付画像は水面の色を消して同じようにスクリーンショットしたものです

       

       

      >Yamonovさんも緑について触れておられていましたが、EIZO のようにAdobeRGBの再現性の高いモニタ？だと緑系が他に比べて鮮やかに映り過ぎてしまう、というふうに理解しているとよいでしょうか．．．？

       

      これは、WEB用に保存とは分けておきましょう。あれは申し上げた通り、古い機能なので何が起きても不思議じゃないです。ここからは、Photoshop上で編集しているときに見ている色に絞ってお話します。

      実は、EIZOの方が「鮮やかになり過ぎてしまう」ということではなくて、逆です。「今までその色で塗っていた」ということです。
      ※Photoshopを使われているんですよね？描いているのは別のソフトウェアですか？

      Cintiqは表現できる色がCS2420に比べると狭いのです。ですので、

      ・Cintiqで緑色を作って塗る→Cintiqで表現できる緑色に制限されて見えている
      ・それをCSで見る→本当に塗った時の色で見えている

      ということになります。
      ただし、変なことをしていなければ…CSは、「専用センサー」とのセット品でしょうか？
      専用センサーを使ってモニターを調整しているなら問題ありません。もしお持ちで無いなら、せっかくのカラーマネジメントモニターですから
      https://www.eizo.co.jp/products/ac/calibrationsensor/index.html
      このあたりを手に入れて、「文句なしに正しいと言える環境」を手に入れると安心できるでしょう。

       

      >EIZO モニタで見えている色を世間に見せることはできないと思ったほうが良いのでしょうか．．．？

       

      いえ、今はsRGBのみに絞るのは悪手だと思いますよ。
      Adobe RGB相当の鮮やかさを持つスマホの写真が、そのままWEBにアップされて、色もちゃんと表示されていますよね？あれがDisplay P3の色域です。Adobe RGBでもなんでも、プロファイルが埋め込まれていればそれほど外すことはありません。

      ・画像のデータの数値は、そのままでは色として表示できません。カラープロファイルがあってはじめて、数値を色にできます。
      ・プロファイルが埋め込まれていれば、大抵のWEBブラウザやOSでは正しく色を表示できます（モニタがズレているかどうかは別の話）。
      ・プロファイルが埋め込まれていないと、カラーマネジメントをするWEBブラウザやPhotoshop、Preview.appは色を表示できず困ってしまうので、デフォルトのカラープロファイルを無理矢理数値に当てはめて色を表示します。
      ・デフォルトのプロファイルはPhotoshopでは作業用スペースで指定し、WEBブラウザはsRGBを使います。
      ・WEBブラウザで画像を表示してやたらくすんで見えることがあるのは、プロファイルが埋め込まれていないのでデフォルトプロファイルを使って表示されたためです。

      大事なのは、画像にカラープロファイルをちゃんと埋め込んでおくことです。「プロファイルの埋め込み」があったら迷わずチェックしてください。

      ただそれでも、アップ先によっては強制的に色変換されたりすることもあります。そういう場合にのみ、sRGBに変換してやる、程度で最近はいいんじゃないかと思います。

      ★sRGBに変換するには、Photoshopの編集メニュー＞プロファイル変換から「sRGBなんちゃら」を選んでOKするだけです。カラー設定には触らないこと…

       


      Yamonovさん

      詳しいご返信、本当にありがとうございます！！

       

      >実は、EIZOの方が「鮮やかになり過ぎてしまう」ということではなくて、逆です。「今までその色で塗っていた」ということです。
      ※Photoshopを使われているんですよね？描いているのは別のソフトウェアですか？

       

      はい、iMacとCintiq上でPhotoshopを使っています。

       

       

      >Cintiqは表現できる色がCS2420に比べると狭いのです。ですので、

      ・Cintiqで緑色を作って塗る→Cintiqで表現できる緑色に制限されて見えている
      ・それをCSで見る→本当に塗った時の色で見えている

      ということになります。

       

      なるほど…

      実は該当の絵は、水面の部分はレイヤー効果によって出た色でして

      僕が意図して選択した色ではありませんでした。

      使う色は通常はパレットから選択するので大抵同じ色を使うのですが

      この絵はそういった理由で予期しないハデな色味になっていたのかと思います。

      それによって、いつもの絵よりも差異が大きく見えたのだろうと思いました。

       

       

      >CSは、「専用センサー」とのセット品でしょうか？


      はい、センサー付きでちょこちょこカラーマネジメントしております！

       

       

       

      >Adobe RGB相当の鮮やかさを持つスマホの写真が、そのままWEBにアップされて、色もちゃんと表示されていますよね？あれがDisplay P3の色域です。Adobe RGBでもなんでも、プロファイルが埋め込まれていればそれほど外すことはありません。

       

      なるほど、ぼんやり理解していた部分そのままのお答えで安心いたしました。

      最近はだいぶんとブラウザも対応してきていますね。

       

       

      ・プロファイルが埋め込まれていないと、カラーマネジメントをするWEBブラウザやPhotoshop、Preview.appは色を表示できず困ってしまうので、デフォルトのカラープロファイルを無理矢理数値に当てはめて色を表示します。

       

      まだ調べ中なのですが

      CMYK（ Japan〜）のカラープロファイルで制作しているpsdデータは

      jpgやPNG書き出し時にカラープロファイルを埋め込めないようなのですが

      その辺はいかがでしょうか…？

      CMYKだからjpgに埋め込めないのは理解していますが

      根本的に印刷用のデータはどこか諦めないといけない部分がある、と

      思っている方がよろしいでしょうか？

      ※RGBでの製作ではプロファイルをきちんとすると大抵問題は解消していると思います。

       


      >大事なのは、画像にカラープロファイルをちゃんと埋め込んでおくことです。「プロファイルの埋め込み」があったら迷わずチェックしてください。

      ありがとうございます、改めて理解し直せたように思います。

       

       

      ご返信いただいた内容を何度も何度も読んで、曖昧だった感覚をきちっと整頓したいと思います。

      本当にありがとうございますm(_ _)m

      Yamonov
      Yamonov
      Legend
      June 22, 2022

      全文、画像にしてみますm(_ _)m



      回答しにくいので、OCRしました（笑

       

      みなさま、いろいろとご意見、そして検証までありがとうこざいました！
      カラープロファイルは本当に苦手ですがぼんやりと、状況が分かったような気がします。
      今回の画像の環境を書き足りておりませんでしたが
      M1 Mac mini
      モニタCS2420 (EIZO)
      です。
      確かに、先頃EIZO に変えた頃から色がキッくなったように思います。
      補足として、さらに私事で申し訳ありませんが
      イラスト制作は
      iMac+Cintiq
      で行っておりまして、基本的にはその環境で色調整しながら描いておるのですが、そのデータをMac mini & EIZOで開くとなかなかどぎつい色になる事があり違和感はあったもののしばし放置しておりました。
      ただ、今回ちょっと目に見えて違い過ぎたので相談させて頂いた次第でした。
      Yamonovさんも緑について触れておられていましたが、EIZO のようにAdobeRGBの再現性の高いモニタ？だと緑系が他に比べて鮮やかに映り過ぎてしまう、というふうに理解しているとよいでしょうか．．．？
      この海面の青緑を消すと、そこまで大きな違いを感じないのも事実です。
      またもう一つ、お詳しい方に「考え方」をお伺いしたいのですが、普段は印刷用に描いていますので印刷にて大体思ったような色が出ればそれでよいのですが、それをweb（ブラウザ）で発表したい際にはEIZO モニタで見えている色を世間に見せることはできないと思ったほうが良いのでしょうか．．．？
      sRGBで表現される色でしか見せる事ができない、と思うのが正しいですか？
      以上、長文申し訳ありません。
      改めましてみなさまありがとうございます。
      追伸：添付画像は水面の色を消して同じようにスクリーンショットしたものです

       

       

      >Yamonovさんも緑について触れておられていましたが、EIZO のようにAdobeRGBの再現性の高いモニタ？だと緑系が他に比べて鮮やかに映り過ぎてしまう、というふうに理解しているとよいでしょうか．．．？

       

      これは、WEB用に保存とは分けておきましょう。あれは申し上げた通り、古い機能なので何が起きても不思議じゃないです。ここからは、Photoshop上で編集しているときに見ている色に絞ってお話します。

      実は、EIZOの方が「鮮やかになり過ぎてしまう」ということではなくて、逆です。「今までその色で塗っていた」ということです。
      ※Photoshopを使われているんですよね？描いているのは別のソフトウェアですか？

      Cintiqは表現できる色がCS2420に比べると狭いのです。ですので、

      ・Cintiqで緑色を作って塗る→Cintiqで表現できる緑色に制限されて見えている
      ・それをCSで見る→本当に塗った時の色で見えている

      ということになります。
      ただし、変なことをしていなければ…CSは、「専用センサー」とのセット品でしょうか？
      専用センサーを使ってモニターを調整しているなら問題ありません。もしお持ちで無いなら、せっかくのカラーマネジメントモニターですから
      https://www.eizo.co.jp/products/ac/calibrationsensor/index.html
      このあたりを手に入れて、「文句なしに正しいと言える環境」を手に入れると安心できるでしょう。

       

      >EIZO モニタで見えている色を世間に見せることはできないと思ったほうが良いのでしょうか．．．？

       

      いえ、今はsRGBのみに絞るのは悪手だと思いますよ。
      Adobe RGB相当の鮮やかさを持つスマホの写真が、そのままWEBにアップされて、色もちゃんと表示されていますよね？あれがDisplay P3の色域です。Adobe RGBでもなんでも、プロファイルが埋め込まれていればそれほど外すことはありません。

      ・画像のデータの数値は、そのままでは色として表示できません。カラープロファイルがあってはじめて、数値を色にできます。
      ・プロファイルが埋め込まれていれば、大抵のWEBブラウザやOSでは正しく色を表示できます（モニタがズレているかどうかは別の話）。
      ・プロファイルが埋め込まれていないと、カラーマネジメントをするWEBブラウザやPhotoshop、Preview.appは色を表示できず困ってしまうので、デフォルトのカラープロファイルを無理矢理数値に当てはめて色を表示します。
      ・デフォルトのプロファイルはPhotoshopでは作業用スペースで指定し、WEBブラウザはsRGBを使います。
      ・WEBブラウザで画像を表示してやたらくすんで見えることがあるのは、プロファイルが埋め込まれていないのでデフォルトプロファイルを使って表示されたためです。

      大事なのは、画像にカラープロファイルをちゃんと埋め込んでおくことです。「プロファイルの埋め込み」があったら迷わずチェックしてください。

      ただそれでも、アップ先によっては強制的に色変換されたりすることもあります。そういう場合にのみ、sRGBに変換してやる、程度で最近はいいんじゃないかと思います。

      ★sRGBに変換するには、Photoshopの編集メニュー＞プロファイル変換から「sRGBなんちゃら」を選んでOKするだけです。カラー設定には触らないこと…

       

      --Yamonov
        yy928
        yy928作成者
        Known Participant
        June 22, 2022

        おおお、画像…！！
        ありがとうございます、一応やります(^_^;)！


        全文、画像にしてみますm(_ _)m


          yy928
          yy928作成者
          Known Participant
          June 22, 2022

          世間の定義が不特定多数で、どんな機器環境かも計り知れない上ではご推察の通りです。

          その上モニタのカラーマネジメントができていない環境では色が正しく見えないばかりか、ライトが飛び、シャドウがつぶれた状態で閲覧されることもあるかと…

          スマホや液晶タブレットの普及でひと頃ほどではないでしょうけども。

          その観点でいえばsRGBのカラースペースに変換しつつプロファイルを埋め込まず保存するのがいいかと思うのですが異論歓迎です。

           

          ところで文章を画像にしてアップすることで文字数制限やNGワードを回避するというSNS発祥の悪知恵がありますがw

          故意ではなくフィルターにかかっているのでしたらそういう手段もありかと個人的に思います。


          おおお、画像…！！
          ありがとうございます、一応やります(^_^;)！

            ajabon grinsmith
            Community Expert
            ajabon grinsmithCommunity Expert
            Community Expert
            June 22, 2022

            またもう一つ、お詳しい方に「jpgの考え方」をお伺いしたいのですが、

            普段は印刷用に描いていますので

            印刷にて大体思ったような色が出ればそれでよいのですが、

            それをweb（ブラウザ）で発表したい際には

            EIZOモニタで見えている色を世間に見せることはできない

            と思ったほうが良いのでしょうか…？

            sRGBで表現される色でしか見せる事ができない、と思うのが正しいですか？

             

            以上、長文申し訳ありません。

            改めましてみなさまありがとうございます。

            追伸：添付画像は水面の色を消して同じようにスクリーンショットしたものです


            世間の定義が不特定多数で、どんな機器環境かも計り知れない上ではご推察の通りです。

            その上モニタのカラーマネジメントができていない環境では色が正しく見えないばかりか、ライトが飛び、シャドウがつぶれた状態で閲覧されることもあるかと…

            スマホや液晶タブレットの普及でひと頃ほどではないでしょうけども。

            その観点でいえばsRGBのカラースペースに変換しつつプロファイルを埋め込まず保存するのがいいかと思うのですが異論歓迎です。

             

            ところで文章を画像にしてアップすることで文字数制限やNGワードを回避するというSNS発祥の悪知恵がありますがw

            故意ではなくフィルターにかかっているのでしたらそういう手段もありかと個人的に思います。

              さらに返信を表示
              契約条件Accessibility statement
              Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices