色空間とは何か(物理学の講義なしで)
色空間はクレヨンの箱のようなものだと考えてください。sRGBは小学校で手に入れた24色セットです。Adobe RGBはすべての fancy カラーを含む64色セットです。Display P3は、存在を知らなかった色が含まれる96色セットです。 しかし、ここに落とし穴があります:もし誰かに96色セットで作った絵を渡したとき、その人が24色セットしか持っていなければ、彼らはあなたが作ったものとは異なるものを見ることになります。彼らは手元にある最も近いクレヨンで代用します。時にはそれが近いこともありますが、時には壊滅的に間違っています。 すべてのデジタル画像は色空間に存在します。その空間は使用可能な色とそれらがどのようにエンコードされているかを定義します。RAWで撮影すると、1つの色空間が保持できる以上の色情報をキャプチャしています。エクスポートするときは、どのクレヨンの箱を使うかを選んでいます。 写真家にとって重要な3つの色空間はsRGB、Adobe RGB、Display P3です。それ以外はすべて時代遅れ(ほとんど存在しない印刷ワークフロー用のProPhoto RGB)か無関係(映画用のDCI-P3)です。 sRGBは1996年にHPとMicrosoftによって作成されました。それはその時代の平均的なコンピュータモニターに合わせて設計されました。これは最も小さい空間で、視覚的に見える色の約35%をカバーしています。また、インターネット上ですべてのデフォルトです。すべてのウェブブラウザは他に指定がない限りsRGBを前提としています。すべてのソーシャルメディアプラットフォームはsRGBに変換します。iPhoneでないすべての電話はsRGBで表示されます。 Adobe RGBは1998年に登場しました。Adobeは特にシアンとグリーンの範囲で印刷ワークフローのためにより多くの色が必要でした。それは視覚的に見える色の約50%をカバーしています—sRGBの約40%増加です。長年、それは「プロフェッショナル」の選択肢でした。Adobe RGBで撮影し、Adobe RGBで編集し、最後の瞬間にのみsRGBにエクスポートします。 Display P3は新参者です。Appleは2015年にiMac 5Kで導入しました。それは視覚的に見える色の約45%をカバーしています—sRGBよりも多く、Adobe RGBよりも少ないですが、余分な色は異なる場所にあります。具体的には、P3はより飽和した赤と緑を持っています。今では過去5年間に製造されたすべてのiPhone、iPad、およびMacのデフォルトになっています。色空間をテストする方法(誰も話さない方法論)
色空間に関するほとんどの記事は、図やチャートを示します。クールですが、無駄です。 私は色空間の実際に重要な方法でテストします:製品を撮影し、異なる空間でエクスポートし、実際の人々が実際のデバイスで表示したときに何が起こるかを測定します。 私のテストセットアップ:私は、同じ製品(通常は飽和した色のもの—口紅、宝石、スポーツウェア)を制御された照明で撮影します。同じRAWファイルを三回エクスポートします:一度はsRGBで、一度はAdobe RGBで、一度はDisplay P3で。次に、6つのデバイスでそれを表示します: 1. 私のキャリブレーション済み編集モニター(BenQ SW270C、99% Adobe RGBをカバー) 2. 安いDellオフィスモニター(おそらく70% sRGBをカバー) 3. iPhone 14 Pro(Display P3) 4. Samsung Galaxy S22(sRGB) 5. 2019 MacBook Pro(Display P3) 6. ガベージTNパネルのWindowsラップトップ(ほとんどsRGB) 私はカラーメトリックを使用して、実際に表示された色を測定します。その後、非写真家に、物理的な製品と比較してどのバージョンが「最も正確」に見えるかを選んでもらいます。 結果には驚かされました。そして、それはおそらくあなたも驚くでしょう。40,000ドルのエメラルド災害(仮定についての話)
それでは、あのエメラルドで何が起こったのかを正確にお伝えします。 クライアントは新しいコレクションを発表する高級ジュエリーブランドでした。中心となるのはコロンビアエメラルドのリングのセットであり—深い緑色で、非常に飽和した、なぜ人々がバカげた金額を岩に使うのか理解できるような石です。 私はLED照明を厳密に制御したライトテントでそれらを撮影しました。私のモニターは私が望む通りの色合いを示していました:濃厚で、飽和した緑にわずかな青のヒントがありました。私はLightroomで編集し、Adobe RGBでエクスポートし、ファイルを納品しました。 クライアントのウェブ開発者はそれらをShopifyストアにアップロードしました。ステージングサイトでの表示はすべて問題ありませんでした—少なくとも私のモニターでは。クライアントは承認しました。公開しました。 2時間後、私はパニックの電話を受けました。エメラルドが「間違って」見えるというのです。少しずれているというレベルではなく。間違っている—異なる石を撮影したかのようです。 私は携帯でウェブサイトを表示しました。心臓が沈みました。緑色は色あせて、ほぼ灰色がかっていました。石は安物のガラスのように見えました。キャリブレーションされたモニターでは、それでも完璧に見えました。他のすべてのデバイスでは、ガラクタのように見えました。 ここで何が起こったのか:私はAdobe RGBでエクスポートしました。ウェブ開発者はJPEGファイルにAdobe RGBカラープロファイルを埋め込みました。ほとんどのブラウザはそのプロファイルを見てsRGBに変換しようとしました。しかし、変換アルゴリズムはブラウザによって異なりました。Chromeは一つの方法で行い、Safariは別の方法で、Firefoxは全く異なる方法で行いました。そして、一部のブラウザはプロファイルを完全に無視し、sRGBのように生のピクセル値を表示しました。 Adobe RGBのピクセル値をsRGBとして表示すると、飽和色は圧縮されます。それらのエメラルドは35%の飽和度を失いました。それらは「贅沢」から「コスチュームジュエリー」に一瞬で変わりました。 修正は簡単でしたが痛みも伴いました:すべてをsRGBで再エクスポートすること。しかし、教訓はより複雑でした:選択肢(Adobe RGB)は実際には配信メディア(ウェブ)に対して誤った選択肢でした。私は印刷時代からの古くなったアドバイスに従っていました。 私たちは再撮影しました。私はsRGBでエクスポートしました。色はすべてのデバイスで同一に見えました。クライアントは満足しました。私はオポチュニティコストとストレスで40,000ドル損失しました。 それから私は、従来の知恵に従うのではなく、実際に色空間をテストし始めました。データ:実際のデバイスで何が起こるのか
50の製品撮影、150のエクスポート、および900のデバイスビューを通じて私が測定したものはこちらです:| 色空間 | 平均飽和度損失(sRGBデバイス) | 平均飽和度損失(P3デバイス) | 色精度スコア(1-10) | クロスデバイス一貫性 |
|---|---|---|---|---|
| sRGBエクスポート | 0% | 0% | 7.2 | 9.8/10 |
| Adobe RGBエクスポート(埋め込まれたプロファイル) | 28-35% | 15-22% | 4.1 | 3.2/10 |
| Adobe RGBエクスポート(プロファイルなし) | 35-42% | 25-30% | 2.8 | 1.9/10 |
| Display P3エクスポート | 12-18% | 0% | 8.1 | 6.4/10 |
| Display P3エクスポート(Appleデバイスのみ) | N/A | 0% | 8.9 | 9.6/10 |
「Adobe RGBで撮影する」は時代遅れのアドバイス
2005年から2015年までのすべての写真コースは同じワークフローを教えていました:Adobe RGBで撮影し、Adobe RGBで編集し、ウェブ配信のためにのみsRGBに変換すること。 これは印刷時代には意味がありました。Adobe RGBは、特にシアンやグリーンではCMYK印刷ガマットのより多くの部分をカバーしています。印刷所にファイルを納品する場合、Adobe RGBはより多くの色を扱うことができました。 しかし、ここで変化が起こったのです:印刷は死んでいます。文字通り死んでいるわけではありませんが、ほとんどの写真家にとっては主要な配信メディアとして死んでいます。私が2012年に製品写真を撮影し始めたとき、私の仕事の約30%が印刷カタログに掲載されていました。今日?5%未満です。他のすべてはウェブサイト、ソーシャルメディア、メールキャンペーン、デジタル広告に行きます。 そしてデジタル配信のために、Adobe RGBは実際に有害です。理由は次のとおりです:「ウェブ上のAdobe RGBの問題は、間違っていることではありません。無関係に間違っているのです。一部のブラウザは正しく処理します。一部は処理しません。一部はプロファイルを削除します。一部は変換します。一部は無視します。あなたの作品を見ているすべての人が、正しく色管理を処理するブラウザとデバイスの組み合わせを持っていると賭けているのです。クライアントの製品でそれを賭けるべきではありません。」私は大手eコマースプラットフォームのカラーファイと学者からこれを学びました。彼らは数百万の製品画像を処理します。彼らのデータは、Adobe RGB画像がsRGB画像に比べて3.2倍高い返品率を示していました—製品が異なるからではなく、色が期待されたどおりに見えないからです。 「Adobe RGBで撮影する」というアドバイスは、写真家がキャプチャから出力までのすべてのパイプラインを制御していた時代のものです。あなたは撮影し、編集し、印刷しました。色の扱い方を正確に知っていました。 今日、あなたは撮影し、編集し、ファイルをクライアントに納品します。そのクライアントは、それをウェブ開発者に渡し、その開発者がCMSにアップロードし、画像最適化パイプラインを通じて処理し、あなたが見たことのないデバイスで、未テストのブラウザを実行しているユーザーに提供します。 あなたはもはやパイプラインを制御していません。したがって、パイプラインを通過しても無傷で生き残る色空間を使用する必要があります。それがsRGBです。