カメラや印刷のワークフローでは、より広い色空間や印刷向けの色空間がよく使われます。ブラウザはプロファイルが埋め込まれていない場合 sRGB とみなすため、CMYK やタグのない広色域のファイルはくすんだり色がずれたりして見えることがあります。
sRGB で書き出すと、購入者が目にする色を商品の実際の色に近く保てます。
RGBはレッド・グリーン・ブルーの略です。各ピクセルはこの三色の混合で、一般的な8ビット画像では各チャンネルが0から255の値をとります。純白は255、255、255で、純白の背景に求められる値です。sRGBは、これらの数値が画面上でどの実際の色を表すかを定めています。
sRGB が商品写真で果たす役割
色空間とは、画像ファイルのなかの数値を画面上の色に変えるための取り決めです。sRGB は、ブラウザ、スマートフォン、マーケットプレイスのアプリが前提とする取り決めなので、sRGB で保存したファイルは、ほぼどこでも同じ色で表示されます。
販売者にとっては、見た目だけでなく返品にもかかわる問題です。出品ページの赤が届いた商品の赤と違えば、商品は返品されます。書き出しからアップロードまで、すべての画像を sRGB に保てば、よくある原因の一つがなくなります。
色がずれるのはどの段階か
色のずれの多くは、書き出しのときに起こります。より広い色空間で編集し、変換せずに保存した写真は、ブラウザでは平板で薄い色に見えます。ブラウザがその数値を sRGB のものとして読むためです。印刷用に CMYK で用意したファイルはくすんで見えることがあり、受け付けないシステムもあります。
二つ目の原因は、カラープロファイルがないことです。プロファイルは、ファイルの色空間を示す、ファイル内の小さなタグです。これがないと、それぞれのソフトウェアが推測することになり、同じファイルから二つの画面が二つの異なる色を表示することがあります。
sRGB、RGB、広色域ディスプレイの関係
RGB は、赤、緑、青の光を混ぜるという一般的な方式で、sRGB はその厳密な定義の一つです。Adobe RGB や、新しいスマートフォンの広色域の色空間は別の定義で、より鮮やかな色を表せます。カメラやスマートフォンがこれらを選べるようにしているのは、そのためです。
色空間が広くても、オンラインの商品画像がより正確になるわけではありません。購入者は sRGB を前提とするソフトウェアを通して画像を見ますし、多くのマーケットプレイスはアップロードされた画像を変換または再保存します。プロファイルを埋め込んだうえで自分で sRGB に変換しておけば、結果を自分で管理できます。
sRGB 色空間と関連する色の用語
- CMYK
- CMYK は印刷の色のモデルで、四色のインクをもとにしています。印刷カタログ用のファイルは、商品ページに載せる前に sRGB に変換する必要があります。
- ホワイトバランス
- ホワイトバランスは、撮影または編集のときに設定し、白がニュートラルに見えるか、暖かく見えるか、冷たく見えるかを決めます。sRGB は色かぶりを直せません。補正した色が意図したとおりに表示されるようにするだけです。
純白の背景- 純白の背景は一つの色の値で、三つのチャンネルすべてが最大値です。この値はどの RGB 色空間でも白なので、きれいな白の背景からは、ファイルが sRGB であることはわかりません。それがわかるのは、商品の色からです。
- 画像ファイル形式
- 画像ファイル形式は、JPEG、PNG、WebP のような入れ物です。どの形式にも sRGB の画像を収められ、色空間は形式とは別の設定です。
アップロード前の色のチェックリスト
- 書き出しの設定が sRGB で、カラープロファイルがファイルに埋め込まれています。
- 同じ写真を印刷用にも用意した場合でも、ファイルは CMYK ではなく RGB です。
- 色は、一つの画面だけで判断せず、日中の自然光のもとで商品そのものと見比べてあります。
- 白、黒、肌の色がニュートラルに見えます。書き出しの前にホワイトバランスを補正したことが、そこからわかります。
- 画像を、ブラウザで一度、スマートフォンで一度確認してあります。購入者が使うのはこれらの画面だからです。