Known Participant

해결됨

web用に保存の色の違い

Forum|Forum|3 years ago
June 21, 2022
20 답변들
10895 조회

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

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

普段は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とは表示が変わります。

이전 답글 보기

yy928작성자

Known Participant

1つ、間の投稿が消えました…

どうも何か引っかかるワードが入っているのかもしれません…

だめだ…どうしても消えてしまうので間の部分の投稿は諦めます…（涙）。

yy928작성자

Known Participant

1つ、間の投稿が消えました…

どうも何か引っかかるワードが入っているのかもしれません…

（間の投稿）

補足として、さらに私事で申し訳ありませんが、イラスト制作はアイマックとシンティックで行っておりまして、基本的にはその環境で色調整しながら描いておるのですが、そのデータをMac miniとEIZOで開くとなかなかどぎつい色になる事があり違和感はあったもののしばし放置しておりました。

ただ、今回ちょっと目に見えて違い過ぎたので相談させて頂いた次第でした。

緑について触れているコメントも頂きましたが、EIZOのようにAdobeRGBの再現性の高いモニタ？だと緑系が他に比べて鮮やかに映り過ぎてしまう、というふうに理解しているとよいでしょうか…？

この海面の青緑を消すと、そこまで大きな違いを感じないのも事実です。

yy928작성자

Known Participant

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

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

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

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

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

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

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

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

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

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

1つ、間の投稿が消えました…

どうも何か引っかかるワードが入っているのかもしれません…

yy928작성자

Known Participant

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

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

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

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

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

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

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

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

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

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

yy928작성자

Known Participant

どうしても投稿が消えるので分割して投稿してみます
＝＝＝＝＝＝＝

みなさま、いろいろとご意見、そして検証までありがとうございました！
カラープロファイルは本当に苦手ですが

ぼんやりと、状況が分かったような気がします。

今回の画像の環境を書き足りておりませんでしたが

M1 Mac mini
モニタ CS2420（EIZO）

です。
確かに、先頃EIZOモニタに変えた頃から色がキツくなったように思います。

yy928작성자

Known Participant

何度投稿しても投稿が消えてしまいますが僕からの投稿は表示されておりませんよね…？

ajabon grinsmith

Community Expert

yy928さんからの投稿は、最初のものと、スクリーンショットだけの投稿が今から40分ちょっと前、の3件みえております。

投稿者のステータスが「New Here」や「Community Beginner」の場合は連投が自動でスパム判定くらって弾かれたり待たされたりすることもありますが…どうなんでしょう？？

yy928작성자

Known Participant

あれ！また消えましたか…
エラーのない状態で書いてたのですが…(^_^;)
もう一度トライしてみます。
ありがとうございます。

yy928작성자

Known Participant

スクリーンショット_2022-06-22_16-30-45.jpg

Yamonov

Legend

外部モニタか最近のiMacお使いですよね。

これ、WEB用に保存は「従来」と付いているように大分前からレガシー機能でして、今後メンテナンスされることはたぶんない機能なんですが、

見た目だけ

ですから気にしなくていいと思います。書き出したものはちゃんとしていますよね。

--Yamonov

Yamonov

Legend

※あ、こちらではちゃんと相当違って見えています。AdobeRGBのグリーン表示はモニタによると思います。

--Yamonov

Yamonov

Legend

iMac等のDisplay P3（灰色）とAdobe RGBは、大きさは近いんですが色かなり違います。

灰色からはみ出ている部分はDisplay P3では表現できず、近い色に置き換えられます。

従ってP3モニタではAdobe RGBモニタとはCMYKの緑色の表現もかなり変わります。

--Yamonov

matsumoto_p

Inspiring

CMYKのベタK画像で試してみましたところ、
「編集しているウィンドウ」と「元画像」の色に若干の差違がありました。
「元画像」表示の際にRGBに変わって数値がズレるのかな…？
（RGB画像では色の差違はなかったです）

ajabon grinsmith

Community Expert

当方環境では、web用に保存ウィンドウ内の元画像と、外のドキュメントはほぼ同じに見えるように思えるように感じます。

スクショをPhotoshopで開いて部分ごとにカラー値を参照しましたが差異ありません。

>かなり違っている場合があります

ということで今回のスクショはそうではない物なのでしょうか。

イラスト素敵ですね

ajabon grinsmith

Community Expert

すみませんカラー値の参照に不備がありましたっ

元画像を重ねてみたもの

これはほぼ同じに見えてしまいました。モニタの性能でしょうか…（Apple Thunderbolt Display）

実際Rチャンネルが大きく変わってるんですね。

ajabon grinsmith

Community Expert

たびたびすみません、「埋め込まれたプロファイルを破棄（カラーマネジメントをしない）」でちゃんとくすみました。

가입하기

소셜 로그인

커뮤니티에 로그인

소셜 로그인

파일을 바이러스 검사 중입니다.

이 파일은 다운로드할 수 없습니다