図解 ピクセルとサブピクセル、横縦のピクセルピッチとは? サブピクセルの写真付き

目次

概要

この投稿では、液晶モニターのピクセルとピクセルピッチとは何かを、図解を交えて大まかに説明します。

トピックス

  • ピクセルとは
  • ピクセルを構成する3つのサブピクセルとは
  • ピクセルピッチとはどこの距離
  • ピクセルピッチ比率が異なると画像が伸びて見える(正方形が長方形に見える)

対象とする液晶モニターは、2025年04月時点で市販されているIPS方式の広視野角パネルを搭載したパソコン用カラー液晶モニターです。

はじめに

この投稿を作成した目的は、ピクセルピッチ比率が異なるモニターが存在し、そのようなモニターでは画像が伸びて見える(正方形が長方形に見える)ということをお伝えするためです。

横と縦のピクセルピッチが異なるため、画像が引き伸ばされて見えるのでご注意ください。


画素ピッチ 0.249 mm(H)×0.241 mm(V)

広告

パソコン用のカラー液晶モニターのピクセルとは

パソコン用のIPS方式などのカラー液晶モニターにおけるピクセル(Pixel)とは、モニターに画像を表示するための最小単位または最小要素のことです。

ピクセルの和訳は「画素」です。

この投稿では、説明のために次の1つの正方形の箱を、1ピクセルと定義します。

投稿内での1ピクセル

ピクセルの縦横比は通常1:1(正方形)です。

1ピクセルの大きさは27インチQHDモニターで約0.2mm、27インチフルHDモニターで約0.3mmほどの大きさです。

フルHD解像度の液晶モニターは、ピクセルが横に1920個、縦に1080個並んでおり、合計約200万個のピクセル(200万画素)で構成されています。

3x3ピクセル(9画素)で青い線の四角を描画する例

横に3個、縦に3個、合計9個のピクセルで構成された液晶モニターがあると仮定します。

そのモニターで、太さ1ピクセルの線で、長さ3ピクセル四方の四角を描画すると次のようになります。中央はグレーで塗りつぶしています。

9画素のモニター

サブピクセルとは

1ピクセルは光の3原色の3色のサブピクセルで構成されている

前項のピクセルの説明では、便宜上1つのピクセルを単色で塗りつぶして表現しましたが、実際には1ピクセルは3色(光の3原色 RGB)のサブピクセルで構成されています。

液晶モニターの表面をルーペで覗くと、サブピクセルを簡単に見ることが出来ます。実際に見た様子は次の項目で紹介します。

3つのサブピクセルで構成されたピクセル

通常、左から右に赤(Red)、緑(Green)、青(Blue)の順で並んでいます。

液晶モニターは、赤緑青(RGB)各色の輝度を256段階で調整することで約1677万色(256 x 256 x 256)の色を表現できます。

スマホカメラと100均ショップのレンズで撮影した実際のサブピクセル

使用機材

  • カメラ スマートフォン モトローラ moto g53j
  • 外付けスマホレンズ 100均のスマホ用クリップ式マクロレンズ(倍率不明)
  • 使用した液晶モニター DELL U2412M(IPSパネル、24インチ、解像度WUXGA 1920x1200)

左が100均のクリップ式マクロレンズ(倍率不明)

サブピクセルの写真

スマホカメラ デジタルズーム8倍、クリップ式マクロレンズ(倍率不明)で撮影したピクセル

上記は、写真の左半分が青(rgb(0 0 255))、右半分が白(rgb(255 255 255))の画面を撮影した写真です。

スマホカメラ デジタルズーム1倍、クリップ式マクロレンズ(倍率不明)で撮影したピクセル

上記は、前述の写真の倍率を下げて(スマホカメラのズーム8倍を1倍に下げて)撮影した写真です。

スマホカメラ デジタルズーム8倍のみで撮影したピクセル

上記は、背景色が白(rgb(255 255 255))、文字色が黒(rgb(0 0 0))で数字の「3」と描かれた画面を撮影した写真です。

サブピクセルの組合わせで描画される色の例

白を描画する場合 (rgb(255 255 255) HTMLでの色名称 White)
青を描画する場合 (rgb(0 0 255) HTMLでの色名称 Blue)
オレンジを描画する場合 (rgb(255 165 0) HTMLでの色名称 Orange)

ピクセルピッチとは

ピクセルピッチとは、ピクセルの中心から次のピクセルの中心までの距離(単位mm)のことです。

次の図の4つのピクセルには、ピクセルの中心点を表現するために対角線を付け足しています。

ピクセルピッチ 横
ピクセルピッチ 縦
横と縦のピクセルピッチ

ピクセルピッチは、液晶モニターのインチ数や解像度によって異なります。

ピクセルの間には隙間があるので、ピクセルの横縦の長さがピクセルピッチとはなりません。

液晶モニターのピクセルピッチ比率は基本的に等しいですが、中には異なる(主に横が縦よりも長い)場合があります。

ピクセルピッチ比率が異なる液晶モニターでは正方形が長方形、正円が楕円になるなど、画像が伸びて見えます。

ピクセルピッチの確認方法と具体的な値

ピクセルピッチの値はモニターの仕様書で確認できます。ピクセルピッチが非公開のモニターもあります。

仕様書でのピクセルピッチの記載例

  1. ピクセル・ピッチ 0.2493 mm x 0.2410 mm
  2. 画素ピッチ 横0.2493 mm x 縦0.2410 mm
  3. 画素ピッチ 0.249 mm(H)×0.241 mm(V)
  4. 画素ピッチ 0.249mm

4番目のように、横と縦のピクセルピッチをそれぞれ記載するのではなく、1つしか書かれていない場合は、横と縦が同じ値とも考えられますし、片方は異なる値である可能性もあります。

ピクセルピッチ比率が等しいモニターの一例

ピクセルピッチ
横[mm]
ピクセルピッチ
縦[mm]
ピクセルピッチ
比率(横:縦)
メーカー 製品名 サイズ
[インチ]
解像度 色域 パネル
方式
0.2745 0.2745 1:1 Dell S2425HS 24 1920 x 1080 99% sRGB IPS
0.3114 0.3114 1:1 Dell S2725HS 27 1920 x 1080 99% sRGB IPS
0.2331 0.2331 1:1 Dell S2725DS 27 2560 x 1440 99% sRGB IPS

ピクセルピッチ比率が異なるモニターの一例

2025年04月時点、この3年ほどで筆者がモニター検討時にチェックした範囲においてですが、ピクセルピッチ比率が異なるモニターは、21.5インチから22.5インチの中に存在していました。

23.8インチ以上かつ解像度フルHD以上のモニターでは、ピクセルピッチ比率が異なるものは見かけませんでした。

ピクセルピッチ
横[mm]
ピクセルピッチ
縦[mm]
ピクセルピッチ
比率(横:縦)
メーカー 製品名 サイズ
[インチ]
解像度 色域 パネル
方式
0.249 0.241 1:0.968 Acer EK221QE3bi 21.5 1920 x 1080 99% sRGB IPS
0.2493 0.2410 1:0.967 Dell SE2225HM 21.5 1920 x 1080 72% NTSC (CIE 1931) VA
0.2493 0.2410 1:0.967 IODATA KH-A221DB(Amazon用型番EX-A221DB) 21.5 1920 x 1080 非公開 ADS
0.2493 0.2410 1:0.967 LG 22MR410 21.5 1920 x 1080 99% sRGB VA
0.2493 0.2410 1:0.967 PHILIPS 221V8L/11 21.5 1920 x 1080 非公開 VA
0.254 0.248 1:0.976 EIZO EV2360 22.5 1920 x 1200 sRGB相当 IPS

製品名のリンク先はAmazonです。

ピクセルピッチ比率が等しい場合と異なる場合の画像の見え方

ピクセルピッチ比率が等しい

次のように太さの1ピクセルの線、横3ピクセル、縦3ピクセルの長さで描画した正方形の四角い画像があったとします。

ピクセルピッチ比率が等しい液晶モニターでは、きちんと正方形に映ります。

ピクセルピッチ比率が等しい

ピクセルピッチ比率が等しいモニター

ピクセルピッチ比率が異なる

先ほどの画像が、ピクセルピッチ比率が異なる液晶モニターでは伸びて見えます。

ここでは横のピクセルピッチが長いと仮定しています。

ピクセルピッチ比率が異なる

具体例
ピクセルピッチが横0.249mm、縦0.241mmの21.5インチ フルHDモニターで正方形を表示した場合を例にあげます。

ピクセルピッチ比率(横:縦)は1:0.968 となります。

これは、画面上のサイズで100mm四方の正方形を表示すると、縦の長さが96.8mmとなり、横のサイズよりも3.2mm短く描画されることになります。

横と縦のピクセルピッチが異なるため、画像が引き伸ばされて見えるのでご注意ください。


画素ピッチ 0.249 mm(H)×0.241 mm(V)

以上

広告

スマホレンズ ピックアップ

水面やガラス面の反射を除去する偏光フィルター

広告
デル株式会社
タイトルとURLをコピーしました