画像と写真 · Social Image Resizer
ディスプレイ P3、sRGB、およびキャンバス: サイズを変更すると色が変化する理由
· 背景
カラーマネジメント キャンバス 画質
多くの携帯電話は広い Display P3 カラー スペースでキャプチャしますが、ブラウザ キャンバスとほとんどのソーシャル フィードは sRGB を前提としているため、画像を再エンコードすると彩度が変化する可能性があります。この記事では、カラースペース、埋め込みプロファイル、サイズ変更後の確認事項について説明します。
迫力を失った夕日 — Web 用に再エンコードされた広色域写真の具体的な症状
ブラウザのサイズを変更すると、飽和した夕焼けがより平らに見えることがありますが、症状だけでは 1 つの色の変換を特定することはできません。ソースはプロファイルを保持し、ブラウザはそれを解釈し、キャンバスは独自の色空間を使用し、新しいエンコードされたファイルは別のビューアが必要とするメタデータを省略する場合があります。
ToolAcre の制限は慎重に表現されています。カラー プロファイルはキャンバスを通じて保持されないため、異常なプロファイルが埋め込まれた画像はわずかに移動する可能性があります。固定の sRGB 変換アルゴリズムを保証するものではありません。この記事では、そのより限定的な証拠に従い、普遍的な診断ではなく直接比較することを推奨します。
sRGB と Display P3 は有用な概念ですが、電話のキャプチャ動作はリポジトリの証拠の外にあります
カラー スペースは、数値チャネル値が色にどのようにマッピングされるかを定義します。 sRGB は Web 画像に広く使用されていますが、Display P3 は一部の色についてより広い領域をカバーします。 「より広い」とは、すべての写真がその追加範囲を使用することを意味するわけではありません。また、リポジトリは、どの携帯電話がデフォルトで P3 をキャプチャするかを確立しません。
2 つのファイルには同じチャンネル番号が含まれており、異なるプロファイルで解釈されると異なるレンダリングが行われる場合があります。逆に、カラー管理された変換では、見た目を維持しながら数値を変更できます。そのため、ピクセル値をコピーしたり、彩度を確認したりするだけでは、カラー パス全体を説明するのに十分ではありません。
埋め込み ICC プロファイル — ファイルがその数値がどのスペースを意味するかを視聴者に伝える方法、およびプロファイルが欠落している場合に何が起こるか
埋め込まれた ICC プロファイルは、カラー管理されたビューアに解釈情報を提供します。プロファイルが存在しない場合、ソフトウェアは独自のデフォルトの仮定を適用します。 Social Image Resizer はソース プロファイルを抽出せず、encodeCanvas に渡しません。新しい BLOB はレンダリングされたキャンバスから作成されます。
この省略は、すべての出力に sRGB のタグが付いていることを証明することとは異なります。特定のブラウザ エンコーダが何を書き込んだかを知るには、ファイルを調べてください。外観が許容範囲内にあるかどうかを確認するには、制御された条件下でレンダリングされたオリジナルと出力を比較します。メタデータ証拠と視覚的証拠は、関連する、しかし明確な質問に答えます。
このツールはソース プロファイルを保存しません。キャンバスの正確なカラー変換はブラウザで制御されます
ワークブックには、キャンバスがデフォルトで sRGB で動作すると記載されています。ブラウザ キャンバス API には進化するカラー管理機能があり、このアプリはコンテキストの作成またはエンコード時に明示的な colourSpace オプションを要求しません。したがって、正確なデコード、変換、出力動作はブラウザーの実装に属します。
安全な製品の主張は、このワークフローではソース プロファイルが保存されないということです。色が重要な場合は、ブラウザとバージョンを記録します。別のエンジンは、同じ renderFrame 呼び出しを実行して同じディメンションを返したとしても、同じソースを異なる方法で解釈またはエンコードする場合があります。
宛先フィードと画面の色の動作は一般化されるのではなく観察される必要があります
また、ほとんどのフィードや画面が変化を目に見えなくしていると言うのも広義すぎます。リポジトリには、宛先または表示人口の証拠が含まれていません。色の変化は、特定の視聴者にとっては無視できるものですが、ブランドのグラフィック、アートワーク、または製品の写真にとっては重要です。受け入れは実際の配信コンテキストに属します。
通常の明るさの代表的な画面と、可能な場合は宛先プレビューで比較してください。記憶が証拠の代わりにならないように、オリジナルをローカル出力の横に表示しておいてください。正確なブランドカラーが必須の場合は、明示的なプロファイルとプルーフィングコントロールを備えたカラー管理された制作ワークフローを使用してください。
作業例: 2 つの画面結果を規定せずに、1 つのプロファイリングされたソースと出力を比較します。
既知の埋め込みプロファイルと飽和しているが自然な色を備えた非敏感なソースを選択してください。そのプロファイルを検査し、ToolAcre を使用してサイズを変更し、出力を検査します。同じカラー管理アプリケーションとブラウザで両方のファイルを並べて表示します。変更を未検証のステージに割り当てずにメモしてください。
2 番目の画面が実際の視聴者またはレビュー ワークフローの一部である場合にのみ、2 番目の画面で繰り返します。目標は、事前に決定された P3 対 sRGB の結果を生成することではありません。これは、特定のソース、ブラウザー エンコーダー、関連するディスプレイに関するファイルと外観の証拠を収集するためです。
これでカバーされないもの — プロフェッショナルなカラー管理、ソフトプルーフィング、および HDR フォーマット。 Social Image Resizer のテクニカル ノートでは、プロファイルの処理方法について説明しています。
プロフェッショナルなソフト プルーフィング、HDR フォーマット、および調整された印刷配信は、このアプリの外部にあります。入力はブラウザでデコード可能な JPEG、PNG、および WebP に制限され、出力はブラウザのキャンバス エンコーダを使用します。プロファイル セレクター、レンダリング目的の制御、モニターのキャリブレーション手順はありません。
これらのニーズには、専用のカラー管理ソフトウェアが必要です。 ToolAcre は、観察された出力が許容できる場合の迅速なソーシャル派生物に依然として適しています。プロファイルの境界を知ることは、どの画像が日常的なもので、どの画像がより厳密なカラー パイプラインを必要とするかをチームが判断するのに役立ちます。
要点: ファイルのスペースを把握する — Social Image Resizer はブラウザーで再エンコードするため、視聴者が使用している画面上のオリジナルと出力を比較してください。
ソースのプロファイル ステータスを把握し、サイズ変更されたファイルを新しいカラー アーティファクトとして扱います。アプリはピクセルを再描画し、ソース プロファイルを意図的に保存していないことを証明できます。すべてのブラウザまたは接続先で 1 つの正確な変換を保証することはできません。
比較、検査、文書化します。出力が代表的な画面および宛先に渡される場合、証拠は配信を裏付けます。失敗した場合は、別のキャンバスのエクスポートでやみくもに彩度を修正しようとするのではなく、制御されたカラー ワークフローに戻ります。