「この画像、ピクセルが足りなくて少し粗いですね」

そう言われた私は昔、「なんとなく気合いでなめらかに見えませんかね」と心の中だけで反論していました。もちろん画像は気合いではなめらかになりません。そこにいるのは、ただ正直な四角い点たちです。

ピクセルとは、デジタル画像を作る最小単位の点です。画像を大きくしすぎると粗く見えるのは、このピクセルが目立ってくるからです。

「画素と同じ?」「解像度と何が違うの?」と混同しやすいので、まずは基本から整理します。

ピクセルとは？ 一言でいうと「画像を作る小さなマス」

一言でいうと、ピクセルは画像を作る小さなマスです。

モザイクアートを思い浮かべてください。遠くから見ると1枚の絵に見えますが、近くで見ると小さな色のマスが並んでいます。デジタル画像も同じで、その小さなマス1つ1つがピクセルです。

日本語では「画素」と呼ばれます。つまり、ピクセルと画素はほぼ同じ意味だと考えて大丈夫です。難しそうな名前ですが、やっていることはかなり素朴です。

ピクセルが多いと何が変わる？

ピクセルが多い画像は、細かい情報をより多く持てます。たとえば、横1000ピクセルの画像より、横3000ピクセルの画像のほうが、大きく表示したときに細部がつぶれにくくなります。

逆に、ピクセル数が少ない画像を無理に引き伸ばすと、次のようなことが起こります。

  • 文字がぼやける
  • 輪郭がギザギザに見える
  • 写真が粗く見える

「画像サイズが足りない」と言われるのは、だいたいこの状態です。

ビジネスの現場でピクセルという言葉が出る場面

1. 「バナー画像は横1200ピクセルで作ってください」

意味: 画像の横幅を1200個のピクセルで作ってほしい、というサイズ指定です。

相手が伝えたいこと: センチではなく、Webで使う前提の画面サイズで作ってほしい、ということです。

2. 「この写真、ピクセル数が足りなくて粗く見えます」

意味: 画像を大きく使いたいのに、元の画像が小さすぎて画質が持たない、という指摘です。

相手が伝えたいこと: より大きい元画像を用意してほしい、という依頼です。

3. 「余白を10ピクセルだけ広げましょう」

意味: 画面上の距離をピクセル単位で調整しよう、というデザインの会話です。

相手が伝えたいこと: Web制作では大きさだけでなく、位置や余白もピクセルで指定することが多い、ということです。

ピクセルと解像度の違い

比較ポイントピクセル解像度
役割画像を構成する点そのものどれだけ細かく点が並ぶかを表す考え方
たとえ話モザイクの1マスマスがどれだけ細かく敷き詰められているか
会話で出る形1200px、1920px などフルHD、4K、72dpi など
気にする場面画像サイズ、余白指定画面のきれいさ、印刷や表示品質

初心者のうちは、ピクセルは「点」、解像度は「点の細かさ」と覚えると整理しやすいです。

よくある質問

ピクセルと画素は違いますか？

ほぼ同じ意味です。英語で pixel、日本語で画素と呼ばれます。

ピクセル数が多ければ必ずきれいですか？

基本的には有利ですが、それだけで決まるわけではありません。元画像の質や圧縮のされ方によっても見え方は変わります。

スマホ写真がきれいなのはピクセル数が多いからですか？

一因ではあります。ただし、カメラ性能や画像処理も関係するので、ピクセル数だけで良し悪しは決まりません。

関連記事

まとめ

  • ピクセルは、デジタル画像を作る最小単位の点です。
  • 画像を大きく引き伸ばしたときに粗く見えるのは、ピクセルが目立つからです。
  • 解像度とは近い言葉ですが、ピクセルは点そのもの、解像度は細かさの話です。

明日からできる第一歩は、手元の画像ファイルのサイズを一度見てみることです。数字を見て「この写真、思ったより小さかったんだな」と気づけるだけでも、画像の見え方がぐっと説明しやすくなります。