JPEGファイルの色のずれ

JPEGファイル(jpgファイル)を作成すると、ノイズが発生するだけでなく、その色の領域全体において、わずかですが、色のずれが発生することがあります。どのようにずれるかを実験してみました。実験では、Adobe Photoshop CS5 Windows版で、以下のような8色(赤、緑、青、シアン、マゼンタ、黄、白、黒)が使われた画像ファイルを保存しました。JPEGファイルにおいては6種類、Photoshop CS5 Windows版の高画質、中画質、低画質とsRGBかどうかで保存しました。参考に、PNGファイルでも、sRGBかどうかの2種類で保存しました。

実験に用いた画像データ
実験に用いた画像データ

各ファイルの、赤、緑、青、シアン、マゼンタ、黄、白、黒のカラーコードを以下の表にまとめました。基本的な傾向として、

  • 最大でも3の小さな色のずれが、その色の領域全体に対して発生する。
  • 画質が低いほど色のずれが大きい。
  • sRGBかどうかと色のずれは関係がない。

という結果になりました。ただし、細かく見ると複雑な結果となっています。赤は、画質が低いほどずれが大きくなっていますが、緑は、中画質、高画質、低画質の順にずれが大きくなっています。重要で基準となりそうな色である黒でも、低画質でずれが出ている一方、白はどのファイルでもずれが発生していません。参考のために出力したPNGファイルは、全く色のずれがありません。

JPEGファイルというと、細部がつぶれたり、ノイズが入ることばかりに目が行きがちですが、領域全体の色がずれるというのはあまり気にされていのではないでしょうか。JPEGファイルを使って、色の見え方とカラーコードの両方を伝えようとする場合もあるかもしれませんが、別にカラーコードを伝えたり、PNGファイルを使用するのが良いでしょう。

保存した画像ファイルのカラーコード
形式 画質 sRGB シアン マゼンタ
オリジナル #ff0000 #00ff00 #0000ff #00ffff #ff00ff #ffff00 #ffffff #000000
JPEG 高画質 × #fe0000 #00ff01 #0000fe #01ffff #ff00fe #ffff01 #ffffff #000000
JPEG 中画質 × #fe0002 #01ff00 #0101ff #00fefe #ff01ff #ffff01 #ffffff #000000
JPEG 低画質 × #fe0002 #00ff02 #0000fd #00fffc #ff00ff #ffff00 #ffffff #010101
JPEG 高画質 #fe0000 #00ff01 #0000fe #01ffff #ff00fe #ffff01 #ffffff #000000
JPEG 中画質 #fe0002 #01ff00 #0101ff #00fefe #ff01ff #ffff01 #ffffff #000000
JPEG 低画質 #fe0002 #00ff02 #0000fd #00fffc #ff00ff #ffff00 #ffffff #010101
PNG × #ff0000 #00ff00 #0000ff #00ffff #ff00ff #ffff00 #ffffff #000000
PNG #ff0000 #00ff00 #0000ff #00ffff #ff00ff #ffff00 #ffffff #000000

Windows 10のデザイン設定の操作一覧

PCを使用するときには、自分の気に入ったデザインで使いたいこともあるでしょう。Windows 10のデザインは、通常の機能のみを用いても、様々な要素に対して様々な設定が可能ですが、その設定画面は、新旧の仕組みが絡み合いわかりにくくなっています。そこで、今回は、デザインに関する設定可能な要素とそれらに対する設定方法を表にまとめてみました。スタート、タスクバー、アクションセンターの色とアクセントカラーの詳細は、別記事を参考にして下さい。

共通する以下の操作は表では省略しています。

  • 「設定」ウィンドウの「個人用設定」は、デスクトップで右クリック→「個人用設定(R)」で表示できます。
  • 「パフォーマンス オプション」ダイアログは、「スタート」を右クリック→「システム(Y)」で「システム」ウィンドウを表示→「システムの詳細設定」で表示できます。
Windows 10のデザインカスタマイズの操作
設定内容 設定方法
基本デザイン
アクセントカラーの設定 アクセントカラーは、Windowsの画面の色デザインの基本となります。「設定」ウィンドウの「個人用設定」を表示→「色」メニュー→列挙されている色をクリックする。ただし、隠された機能を使えば、色を自在に指定することができます。
表示フォント Windows 10の機能では変更できません。フリーソフトなどを使用すれば変更できます。
スタートとタスクバー
スタートメニューの色 標準色にするかアクセントカラー風(アクセントカラーそのものにはなりません)にすることができます。アクセントカラー風にしたいときは、「設定」ウィンドウの「個人用設定」を表示→「色」メニュー→「スタート、タスク バー、アクションセンターに色を付ける」をチェックする。
タスクバーの色 標準色にするかアクセントカラー風(アクセントカラーそのものにはなりません)にすることができます。アクセントカラー風にしたいときは、「設定」ウィンドウの「個人用設定」を表示→「色」メニュー→「スタート、タスク バー、アクションセンターに色を付ける」をチェックする。
ウィンドウ
タイトルバーの色 標準色にするかアクセントカラーにすることができます。アクセントカラーにしたいときは、「設定」ウィンドウの「個人用設定」を表示→「色」メニュー→「タイトル バーに色を付ける」をチェックする。
ウィンドウの影 「パフォーマンス オプション」ダイアログを表示→「視覚効果」タブ→「ウィンドウの下に影を表示する」をチェックする。
デスクトップ
デスクトップアイコンの文字 「パフォーマンス オプション」ダイアログを表示→「視覚効果」タブ→「デスクトップのアイコン名に影を付ける」をチェックする。
デスクトップアイコンの表示非表示とデザインの設定 「設定」ウィンドウの「個人用設定」を表示→「テーマ」メニュー→「デスクトップ アイコンの設定」で「デスクトップ アイコンの設定」ダイアログを表示する。「デスクトップ アイコン」のチェックボックスでアイコンの表示非表示が、アイコンの選択と「アイコンの変更(H)…」ボタンでアイコンデザインの変更が行える。
マウスカーソル
マウスカーソルの形状 「設定」ウィンドウの「個人用設定」を表示→「テーマ」メニュー→「マウス ポインターの設定」をクリックして「マウスのプロパティ」ダイアログを表示→「ポインター」タブを選ぶ。「デザイン」でマウスカーソルのデザインを選んだり、「カスタマイズ」で各状態のマウスカーソルの形状を選んだりする。
マウスカーソルの影 「パフォーマンス オプション」ダイアログを表示→「視覚効果」タブ→「マウス ポインターの下に影を表示する」をチェックする。