ピクセル とは？

写真などのラスター画像では、色を持った画素を格子に並べて表すよ。拡大してマスとして見せると分かりやすいね。図は同じ4×4のドット絵を大きく表示した例で、一つの色のマスが一つの画素なんだ。

横800、縦600の画素なので、全部で48万画素だよ。画像の幅と高さを示す数と、合計の画素数は区別しよう。表示するときの大きさや、画面側の物理的な画素数と、必ず同じになるわけではないんだ。

同じ表示サイズで十分な情報があれば、細かな部分を表せるよ。でも、ぼけた写真や小さい画像の画素数を増やすだけで、元にない細部が戻るわけではない。色の推定で拡大できても、記録された情報とは区別しよう。画質は画素数だけでは決まらないんだ。

必ずしもそうではないよ。CSSのpxは表示上の長さの単位で、高密度の画面では1pxに複数の物理的な画素を使うことがある。W3Cの仕様も、CSSのピクセルと装置のピクセルを区別している。文字の16px指定は、画像の16画素という話とは違うんだ。

ドット絵は色のマスを生かして描く表現だよ。一方、SVGのように線や形で記録するベクター画像もある。画面へ表示するときは装置の画素に描画するけれど、ファイル自体が同じ固定の画素の格子を持つとは限らないんだ。