2022-01-05
判明した色表現での損。そういえば写真も変換するとくすんで見えるなぁと思っていた原因もこの色空間でした。iPhoneで撮った写真は、Display P3、それを変換時に sRGB にしてしまっていました。


iPhoneなど鮮やかなDisplayP3色空間に対応する環境だと、昨日の画像と違って、左右の色の違いが分かるはず。晴れて本ブログでも鮮やか写真に対応です!

HTML CanvasのColorSpaceを使って変換。ただ、元々sRGBのものをDisplay P3にしてしまっては問題なので、EXIF情報のColorSpaceが1(=sRGB)を使って判定(ICC_PROFILEデコードはスキップ)。(exif-js, ImageUtil on GitHub)


jpgbeauty
なぜかSafariではCanvasのcolorSpaceにdisplay-p3を設定すると「Type error」が出てしまいます。Safariのバグ??ひとまず強制sRGBオプションを付けました。

sRGB と Display P3 の違いを見る、オススメサイトはこちら。
カラープロファイル | 落書き 紀伊半島の滝
Examples of various wide-gamut images

Tweet
クリエイティブ・コモンズ・ライセンス
この作品は「Creative Commons — CC BY 4.0」の下に提供されています。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / RSS