広色域ディスプレイ上のブラウザで適切な色表現を確保するにはどうすればよいですか?


13

多くのブラウザはカラーマネジメントを提供しておらず、ほとんどのブラウザはいずれにせよすべての画像をsRGBとして解釈するため、Web用に編集する場合、sRGBを使用することをお勧めします。

これは、sRGB自体に存在する通常の色域ディスプレイで使用されるブラウザに適しています。

次に、広色域ディスプレイを入力します。これらはAdobeRGBカラースペースに存在しますが、色管理のない広い色域のディスプレイブラウザーでは、画像データもAdobeRGBカラースペースにあると解釈されます。sRGB画像データがAdobeRGBとして解釈されるとどうなりますか?色がオフになっていて、強すぎて派手に見えます。

FireFoxのようなカラーマネジメントを備えたブラウザを使用している場合でも、埋め込みプロファイルなしで画像を表示すると、問題は続きます。画像はsRGBではなくAdobeRGBとして解釈されます。

要するに、広色域ディスプレイflickrがひどいように見えたからです。

ブラウザ(Internet ExplorerおよびFireFox)で、デフォルトとしてカラーレンディションにAdobeRGBではなくsRGBを使用する方法はありますか?

Windows 7を使用しています。

面白いことに、画像をローカルドライブにダウンロードし、ファイルビューアーを使用して表示すると、色はsRGBとして正しく解釈されます。


同様に、Flickrが小さいサイズを生成するときに、カラープロファイルが含まれていない可能性もあります。
ローランドショー

プロファイルを含むファイルは私の主な問題ではありません。私の主な問題は、プロファイルを含まない画像です。
サム

@Rowland Flickr 、サイズ変更された画像のカラープロファイルを保持します。
マーク・ウィテカー

最後の文で言及した「おかしなこと」は、画像ビューアがプロファイルされていない画像をsRGBとして扱い、Firefoxがそうではないからです。Firefoxでそれを行う方法についての私の答えをご覧ください。
マーク・ウィテカー

回答:


-4

残念ながら、実用的なことは何もできません。必要なものを取得するには、システムプロファイルをsRGBに設定する必要があります。

プロファイルがアタッチされていない画像の画像の色表現の動作は未定義です。プロファイルが添付されていない場合、ブラウザは画像の色空間を推測しません。オペレーティングシステムがそれを処理します。

カラーレンディションを正しく取得する適切な方法は、画像にプロファイルを添付することです。明らかに、flickr(およびsmugmugサムネイル)はこのオプションを提供しません。

したがって、2つの選択肢があります。1つは、sRGBをモニタープロファイルとして使用するようにウィンドウを設定します。タグの付いていない画像はすべてsRGBのように見えますが、タグの付いた画像はがらくたのように見え、カラーマネジメントがおかしくなります。

または、管理されていないイメージが悪魔であり、それに対してできることは何もないという事実に対処するだけです。

おそらく、カラープロファイルを自動的にアタッチできるfirefoxプラグインがありますが、それ以外は、色の管理として知られている単なる古臭いものです。

この同じ問題をSmugmugで処理する必要がありました。私の画像にはすべてsRGBプロファイルが添付されているため、(カラーマネージドブラウザーで)見栄えはよくなりますが、サムネイルは飽和状態に見えます。これは、サムが自動生成され、スマグマグがサムネールのサイズを2倍にするため、カラープロファイルをサムに添付することを拒否するためです。したがって、親指は、OSがレンダリングを決定した方法でレンダリングします。


実際、ディスプレイ(Eizo CG303w)には、AdobeRGBとsRGBを切り替えるのに使用できるモードスイッチがあり、ブラウジングに非常に便利です。
サム

「必要なものを取得するには、システムプロファイルをsRGBに設定する必要があります。」-それは完全に間違っています。システムプロファイルをsRGBに設定しないでください。モニターをキャリブレーションデバイスでプロファイルする必要があります。
マーク・ウィテカー

1
申し訳ありませんが、この回答のほとんどすべてが間違っているため、-1です。あなたはしてはならないのsRGBにあなたのディスプレイプロファイルを設定し、あなたがすることができます Flickrの画像にプロファイルを添付し、FirefoxができるのsRGBとしてタグ付けされていない画像をレンダリングし、色表現を取得するための適切な方法はありません、あなたの画像にタグを付けるために(ちょうど)、それはするのですモニターのプロファイルを作成してください!要するに、そこにある、あなたはそれについて行うことができます何かが!
マーク・ウィテカー

1
申し訳ありませんが、「モニターをrgbに設定する」最初の部分は「画像はsRGBのように見えますが、他の画像はがらくたのように見えます」という悪いアドバイスでした。私はそれをそのようにタグ付けすべきでしたが、悪いアドバイスであると暗示されていると思いました。また、firefoxの設定では、画像にタグ付けするプロファイルを指定しません。3番目にカラーキャリブレーションを修正し、Firefoxブラウザーを設定することは自分にとってはうまくいきますが、ギャラリーを訪問するすべての人に同じことをしてもらうようにしてください。これは、管理されていない画像の本当の問題です。
アラン

17

私はまったく同じ問題を抱えており、正しく実行可能なソリューションに到達することが可能です。質問と以前の回答(そして実際、カラーマネジメント全般)の両方に多くの誤解がありますので、それらを解決して回答を提供してみてください。

まず、誤解...

  1. 通常の(非ワイド)モニターは「sRGBでライブ」されず、広色域ディスプレイは「AdobeRGBでライブ」されません。sRGBおよびAdobeRGB(ProPhoto RGBと合わせて)は作業プロファイルとして知られています。これらは実際のデバイスとは一致せず、すべてのデバイスが理解できるようにプログラムできる標準の測定セットを提供します。すべてのモニター(およびすべてのプリンター)には独自のプロファイルがあり、実際、ディスプレイの化学物質が古くなるにつれて、そのプロファイルは時間とともに変化する可能性があります。個々のディスプレイのプロファイルは、標準の作業プロファイルの1つと大幅に重複する場合がありますが、完全に一致する、または完全に適合すると言うのは誤りです。それ'

  2. ディスプレイのプロファイルを作業用プロファイルの1つに設定しないでください(これはそのプロファイルではないからです!)。正しい解決策は、キャリブレーションデバイス使用してモニターの正しいプロファイルを見つけ、それを使用することです。

  3. ブラウザーだけが成果ではありません。他のイメージングアプリ(Photoshop、Lightroomなど)でも色が忠実に表示されるように、ディスプレイのプロファイルを作成する必要があります。

  4. そこであるあなたがブラウザで管理されていない画像について行うことができるものは、(他のいくつかの答えがそれに触れています)。以下で詳しく説明します。

モニターで画像を表示するときのプロファイルの相互作用に関する大まかなガイド

理想的な世界では、画像を表示するときに1つではなく2つのプロファイルが作用します。最初は、画像に埋め込まれたプロファイルです。それを入力プロファイルと呼びましょう。デジタル画像はピクセルで構成されており、各ピクセルには赤、緑、青の組み合わせが含まれていることに注意してください。したがって、単純な赤い正方形の場合、すべてのピクセルは100%赤、0%緑、0%青に設定されます。しかし、100%赤とはどういう意味ですか?道路側に「これで最高速度で運転できます」という標識を見ているようなものです。最高速度は?車が行くのと同じくらい速く?サインは言っていないので、実際の速度は車ごとに異なります。入力プロファイルが示すことは、その100%値との相対的な関係です。埋め込みプロファイルでタグ付けされた画像の場合、コンピューターは「100%赤」がその特定のプロファイルで定義された最大赤値を意味することを認識します。(類推を完了するために、私たちの道路標識は、「最大制限時速70マイルです。最大で運転できるようになりました。」)

そのため、画像に埋め込みプロファイルがタグ付けされると、表示する必要があるものが正確にわかります。つまり、赤、黄色、その他の色合いが正確にわかります。次の質問は、どのように表示するのですか?いくつかの異なるコンピューター(またはコンピューターと携帯電話)で同じ画像を見ると、まったく同じ方法で2つのディスプレイが色をレンダリングしていないことがわかります。これは、ディスプレイプロファイル(出力プロファイル)を生成するためにモニターを調整する必要がある場所であり、この特定のデバイスがどのように色をレンダリングするかを正確に示します。これで、必要な両方の情報が得られました。

  • 入力プロファイル:「赤」と表示されている場合、この画像はどういう意味ですか?
  • 出力プロファイル:このハードウェアを使用して、その赤の色合いを(できるだけ近くに)表示するにはどうすればよいですか?

画像にタグが付いていない場合はどうなりますか?最も専門的な使用法を除き、タグなしの画像がsRGBプロファイルを使用していると想定しても安全です。

そして今、あなたの質問に答えるために

モニターを使用する最初のステップ-広色域ディスプレイで特に重要なこと-は、モニターを正しく調整することです。これには、キャリブレーターを使用する必要があります。キャリブレーターは、画面上に配置され、さまざまなテスト画像を表示しながら色を読み取り、モニターが実際に表示している色を決定します。広い色域を表示するには、適切なキャリブレータを使用する必要があります。SpyderPro 3を使用すると正常に動作します。

モニターを調整したら、色管理されたアプリケーションが色を忠実に表示していることがわかります。キャリブレーション前は、私の広色域モニターはすべての過飽和を表示していました。肌の色調はトマト色で、PhotoshopとLightroomは使用できませんでした。キャリブレーション後、両者は完璧に見えました。そのため、色管理アプリを使用して、キャリブレーションをテストします。

そして今、ブラウザに!Firefoxは、キャリブレーションされた広色域ディスプレイでうまく機能する唯一のブラウザです。デフォルトでは、画像に埋め込まれたカラープロファイルを使用して正しく表示しますが、タグなしの画像は飽和状態のままです。しかし、心配しないで、すべてが失われるわけではありません!

  • 入力about:configとあなたのアドレスバーに。
  • 下にスクロールしてgfx.color_management.modeを探します。
  • 値を1に変更します。

これにより、Firefoxはタグなしのすべての画像をsRGBとして処理します。ブックマークバーのアイコンでも動作します!残念ながら、それでもフラッシュビデオプレーヤーでは動作しません。

SafariChromeはどちらもカラー管理されていますが、どちらにも欠点があります。Safari(少なくともWindowsの場合)は、タグなしの画像をsRGBとして扱いません。Chromeはサポートしていますが、その色管理はデフォルトで無効になっており、スイッチを入れるのが面倒です

執筆時点では、Operaには色の管理がまったくなく、IE9はまったくばかげています。入力プロファイル(画像に埋め込まれたもの)を尊重しますが、ディスプレイの出力プロファイルは無視します。これにより、IE9は広い色域のディスプレイで役に立たなくなります。

だから:調整+ Firefoxを使用+ gfx.color_management.modeを1に設定=あなたは大丈夫です。:)



3

これはおそらく、これと同様の質問です。FlickrでのLightroomのエクスポートは暗すぎます。2つの広色域ディスプレイ(デスクトップ、ラップトップ)があります。Firefoxの新しいバージョンを試してみたいと思うかもしれませんが、私は息を止めません。1年前、Firefoxのバグトラッカーでこの問題を報告しました(問題497363および509710)。Firefoxの色管理は、実際にオプションを有効にするほど簡単ではありません。ICCプロファイルは、構造と機能が異なります。Firefoxが対応するICCプロファイルを正しく解釈できないことに気付いた一部の広色域ディスプレイ。

おそらく、別のキャリブレーションツールを使用して別のICCプロファイルを生成するか、ハードウェアLUT(つまり、キャリブレーションツールと直接通信し、キャリブレーションパラメーターをハードウェアに保存できるモニター)を使用すると、この問題は解消します。無料のICC Profile Inspectorを使用して、自分のプロファイルをいじって、動作することがわかっている別のプロファイルと比較できます。ICCプロファイルの仕様は次のとおりです。以下は私のプロフィールのスクリーンショットです。あなたのものと共通するものがあるかどうかを確認してください。

それ以来、Firefoxのベータ版を試したことはありません。この問題に慣れました。新しいバージョンを試してみてください、それについて聞いてみたいです。写真を明るくしたり、Flickrの写真にAdobeRGBを使用したりしないでください。Webに適したsRGBカラースペースを使用してください。

代替テキスト


1

Firefoxの最新バージョンには、プロファイルされていない画像とプロファイルされた画像を管理するための設定があります。about:configに移動して、gfx.color_management.modeを「1」に変更できます。(デフォルトは2です。)少しグーグルで説明する方が良いかもしれませんが、SmugMugサムネイルなどを表示するときに役立ちました。

Win7の過飽和の赤に対するシステム全体の修正はまだありませんが、少なくとも私のブラウザーは正常です。


「Win7の過飽和赤」はWindows 7とは関係ありません。これはモニターの問題です。ただし、Firefoxの設定については正しいです。
マーク・ウィテカー

0

私は、プロファイル情報のためのいくつかのサポートがあり、あなたが既に知っているとして、おそらくそれは、FirefoxのIE 9で修正されるかもしれませんけれどもあなたは、IEと運のうちだと信じて、あなたは、いくつか得ることができます指示、各種設定に問題を軽減しますあなたはそれを持っています。他のオプションは、適切に色を認識することになっているSafariを使用することです。

最後のオプションは、実際にそれを呼び出すことができる場合、サポートしている場合はモニターをsRGBカラースペースに切り替えることです。

私たち自身のjristaはここでは色の専門家のようです。


上記で書いたように、私のFireFoxはカラープロファイルをサポートしますが、カラープロファイルのない写真(インターネットの約99%)でも問題は解決しません。
サム

0

現在(2010年10月11日)のFirefoxとIEでの色管理の状態です。

Firefox v3.5.x-完全なカラー管理をサポートしますが、ICCv2プロファイルのみを理解します。ディスプレイキャリブレーション/プロファイリングソフトウェアがv2プロファイルの作成をサポートしている場合(プログラム設定のどこかにオプションを探してください)、画像を正しく表示できるはずです。デフォルトでは、Firefoxはカラープロファイルでタグ付けされた画像に対してのみカラーマネジメントを使用することに注意してください。Webにはタグの付いていないsRGB画像がたくさんあるので、おそらくすべての画像の色を管理するようにFirefoxを設定する必要があります。この変更を行う最も簡単な方法は、FirefoxのColor Management拡張機能を使用することです。

FireFox v4(現在ベータ版)-FireFox4は最終的に、画像とディスプレイプロファイルの両方でICCv4カラープロファイルをサポートします。現在のベータ版は肥大化しており、バグが多く、処理速度が遅いため、一般的な使用にはお勧めしませんが、少なくとも正しいカラーマネージメントが進行中であることは知っています。

Internet Explorer 8.x-カラーマネージメントはまったくありません。zip、n。

Internet Explorer 9(現在ベータ版)-パブリックベータ版ではカラー管理のサポートが制限されていますが、広色域モニターでは実際には使用されません。IE9(ベータ版)は、sRGB以外のプロファイルでタグ付けされた画像を認識し、sRGBに変換します。残念ながら、ディスプレイプロファイルは完全に無視されます。つまり、広色域モニターを使用している場合、すべてが飽和状態のままになります。MSがこの動作を修正するのか、それともレンダリング速度を改善するための意図的な決定であるのかは、まだ不明です。IE9のベータテストを行っている方は、このバグを報告することをお勧めします。そうすれば、MSが不満を抱いている人がいることを知ることができます。


-1

私も同じ問題を抱えています。Safariをインストールすると、カラープロファイルをサポートしているため、Flickrの写真がきれいに見えることがわかると思います。


上記で書いたように、カラープロファイルをサポートするFireFoxでも(そうです、テストしました)、カラープロファイルを含まない画像(Webの約99%)で問題が解決しません。
サム

1
デフォルトでは色管理されたタグ付き画像のみが使用されますが、Firefoxはすべての画像に色管理を使用するように設定できます。
ジェフコーン

「みんなにSafariをインストールするように言って」というのは非常に実用的な解決策ではないと思います!
プロファイルを読んでください

Safariをインストールするようにみんなに言っているわけではありません。私はちょうど彼らが見た目が良く、それ以上でもそれ以下でもないことに気づきました。
ショーン
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.