Amazonで商品を見るセール会場へ

Photoshopとブラウザーでモニターの色が違うときの切り分け手順

Photoshopで色を整えた画像をブラウザーやOSの画像ビューアーで開くと、彩度や明るさが違って見えることがある。

差の原因は、画像に埋め込まれたプロファイル、表示するアプリ、表示している画面という三つの層に分かれており、どの層で起きているかを確かめないまま設定を変えると、画像そのものを書き換える操作に進んでしまう。

ここでは、Adobeの公式ドキュメントで確認できる仕様をもとに、原因を一つずつ外していく順序を整理する。

実機での色差測定やキャリブレーションはこの記事では行っておらず、設定の位置と各操作が何を変えるのかを確認するための手順ガイドとして構成している。

目次

症状から当たりをつける

作業に入る前に、どの場面で差が出ているかを書き出しておくと、確認する範囲が狭くなる。

スクロールできます
見え方の差まず疑う層確認する場所
同じ画面で、Photoshopと他アプリの表示が違う表示アプリの扱い表示>色の校正、ブラウザーの名称と版
同じ画像を別モニターに移すと違う画面とモニタープロファイルOSのディスプレイ設定、HDR、夜間モード
Photoshopで開いた直後に見え方が変わった文書のプロファイル解釈編集>カラー設定、編集>プロファイルの指定
書き出したファイルだけ違う書き出し時の変換と埋め込み書き出し/保存時のカラープロファイル設定
どのアプリでも一様に違和感がある画面の表示特性と周囲光モニター本体のプリセットと設置環境
症状と確認先の対応表

比較しているのは同じファイルか

編集中のPSDと書き出したJPEGを並べる比較は、出発点として使いにくい。

書き出しの段階でプロファイルの変換や埋め込みの設定が加わるため、表示の差と書き出しの差が同時に混ざるからである。

最初は、sRGBプロファイルを埋め込んだJPEGかPNGを一枚だけ決め、その一枚を複数のアプリで開く。

  1. 比較用の画像を一枚選び、ファイル名、ファイルサイズ、更新日時を控える。
  2. 同じ一枚を、同じモニター上でPhotoshop、ブラウザー、OS標準のビューアーの順に開く。
  3. 差の内容を言葉で記録する(全体が青い、彩度が低い、暗部だけ沈む、など)。
  4. 差が出たアプリと出なかったアプリを分けて書き留める。

表示側の状態を記録する

Photoshopの表示>色の校正をオンにすると、画面上の見え方だけが別の出力条件に合わせて変わる。

この表示は画像データを書き換えないため、オンのまま比較すると、画像側に問題があるという誤った結論に進みやすい(Adobe「色の校正」は、校正表示が出力条件をシミュレートする表示機能であることを説明している)。

OS側にも表示を変える機能があり、HDR、夜間モードやNight Shift、明るさの自動調整、モニター本体のプリセットは、Photoshopの設定と無関係に色の印象を動かす。

スクロールできます
記録する項目確認場所書き留める内容
校正表示Photoshop/表示>色の校正オンかオフか、校正条件の名称
作業用RGBPhotoshop/編集>カラー設定選択中のプロファイル名
モニタープロファイルOSのディスプレイ設定割り当てられているICCの名称
HDR・夜間モードOSのディスプレイ設定オンかオフか、切り替えた時刻
比較に使ったアプリ各アプリのバージョン情報アプリ名と版
画面のプリセットモニター本体のメニューモード名と明るさ
比較前に控えておく設定

作業用色空間とモニタープロファイルの役割

編集>カラー設定で選ぶ作業用色空間は、文書の色数値を解釈する基準であり、画面の特性を記述したモニタープロファイルとは別の設定である(Adobe「カラー設定」に、作業用スペースとデバイスのプロファイルの位置づけがまとめられている)。

作業用色空間は新規に作る文書やプロファイルを持たない文書を扱うときの基準として働く設定であり、すでに埋め込みプロファイルを持つ既存文書のプロファイルを開いた時点で自動的に置き換えるものではない。

埋め込みプロファイルがある文書の扱いは、同じカラー設定の中にあるカラーマネジメントポリシーの指定に従うため、作業用色空間とポリシーは分けて確認する(Adobe「カラー設定」は作業用スペースと埋め込みプロファイル/ポリシーの関係を説明している)。

作業用RGBにモニター用のICCプロファイルを割り当てる運用は、この区別を崩すので取らない。

Web公開が中心なら作業用RGBにsRGBを選ぶと扱いやすいが、手元のすべての画像を一律にsRGBへ変換すべきという意味ではない。

印刷用の入稿データや、広い色域で受け取った素材は、元のプロファイルを保ったまま扱う場面がある。

「プロファイルの指定」と「プロファイルの変換」

編集メニューには指定と変換という二つの操作があり、名前は似ている一方で結果は違う(Adobe「ドキュメントのカラープロファイルの変更」が両者の違いを説明している)。

指定は画素の数値を変えず、その数値をどの色空間の値として読むかだけを切り替えるため、画面上の見え方が大きく動くことがある。

変換は指定先の色空間で近い見え方になるよう数値を計算し直すので、変わるのは数値のほうになる。

スクロールできます
観点プロファイルの指定プロファイルの変換
画素の数値変わらない変換先に合わせて変わる
画面上の見え方解釈が変わるため大きく動きうる近い見え方を保つことを狙う
主な用途プロファイルなし画像に正しい解釈を与える別の色空間へ渡すために色を合わせる
誤用したときの症状開いた瞬間に彩度や色相がずれる色域やビット深度の条件によって、丸めや色域外の色の情報が失われることがある
指定と変換の違い

ここでいう損失は、変換元より狭い色域へ渡す場合や少ないビット深度で保存する場合などに生じうるもので、同じ色空間の同じ数値に対して変換を繰り返せば必ず値が変わるという意味ではない。

検証は原本の複製に対して行い、元ファイルは別フォルダーに残しておく。

プロファイルを埋め込まずに保存すると、受け取った側のアプリがどの色空間かを推定することになり、差の原因がさらに増える。

アプリと画面のどちらが原因か

ここまでの記録が揃ったら、条件を一つだけ入れ替えて、差の出方がどう変わるかを観察する。

スクロールできます
固定する条件変える条件観察すること次に確認する候補
同じ画面、同じ画像表示するアプリ(Photoshopとブラウザー)同じ一枚の見え方に差が出るか、出るなら差の内容差があればアプリごとのカラー管理の扱いと、Photoshopの校正表示の状態
同じ画像、同じアプリ表示する画面(同じウィンドウを二台のモニターへ移す)移した前後で見え方が変わるか差があればモニター本体の設定、OSが割り当てたICCプロファイル、環境光
同じ画像(同一ファイル)開くPC別のPCでも同じ差の出方になるか両環境の埋め込みプロファイル、カラー設定、モニタープロファイルの記録を突き合わせる
条件を一つずつ替えて観察する手順

差が消えた場合に、入れ替えた側が原因ではなかったと結論づけることはできず、むしろ入れ替えた条件に関係する設定を次に調べる手がかりとして扱う。

別のPCで差が出なかったときも、埋め込みプロファイルの有無や解釈の違いが関わっている可能性は残るため、ファイル側の問題を完全に排除したとは扱わない。

この段階での観察は、どこを次に確認するかを決めるための材料であり、観察結果だけで原因を断定したり除外したりはしない。

一度に二つ以上の条件を変えると、どちらが効いたのか判断できなくなるので、変更は一回につき一項目にとどめる。

設定を揃えても残る差

表示側の設定とプロファイルの扱いを揃えても、画面ごとの差が残ることはある。

個々の画面は輝度や色の出方が異なり、周囲光や画面のプリセットでも印象が変わるため、設定を確認しただけで二つの画面が一致するとは限らない。

この段階で初めて、画面側の調整やキャリブレーターの導入を検討する順序になる。

判断の目安になるのは、色の指定を他者と受け渡す仕事があるか、複数の画面を継続して揃える必要があるか、印刷やクライアント確認の場で差が実害になっているかの三点である。

機器の選定は表示設定の切り分けとは別の判断になるため、Photoshop向け周辺機器の記事を参照先として挙げておく。

再確認と問い合わせのための記録票

解決しないまま相談する場合でも、次の項目が揃っていれば、相手が同じ条件を再現しやすくなる。

  • 比較に使った画像のファイル名、形式、埋め込みプロファイル。
  • Photoshopの版、OSの版、比較したアプリの名称と版。
  • 作業用RGBの設定と、OSが割り当てているモニタープロファイル。
  • 校正表示、HDR、夜間モードの状態。
  • 行った操作(指定か変換か)と、操作の前後で変わったもの。
  • 差の出方を言葉で記した内容と、撮影した画面の記録。

スクリーンショットは設定の位置を共有する用途には使えるが、撮影した画面の色をそのまま伝えるものではないので、物理的な色の差の証拠としては扱わない。

参考にした資料

各資料の内容は2026年9月19日時点の記載にもとづいており、メニュー名や設定項目はPhotoshopの版とOSによって表記が異なる場合がある。

次に学ぶ・作業環境を選ぶ

学習を続けたい方や、作業環境を整えたい方は、目的に合うガイドをご覧ください。

Photoshopのおすすめ書籍

Photoshop用PCの選び方

周辺機器の優先度

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次