画像の取り扱い – 「ピクセル」「解像度」とは?

今回は、ページを作成するにあたり必須となる画像の取り扱いについて解説します。

「ピクセル」「解像度」「縦横比」とは?

たとえば企業向けデザインでは、画像は以下の指定となっています。

画像サイズ

  • W 1200pix
  • H 900pix
  • 72dpi以上

これは、縦(H)が900ピクセルで横(W)が1200ピクセル、すなわち縦横比3:4の画像になります。

また、「DPI」とは解像度の単位です。解像度が低いと粗い画像として表示されてしまう可能性があるため、72以上のものをご用意ください。

W 1200pix / H 900pix / 72dpi以上の画像サンプル

この仕様「画像サイズ:W 1200pix / H 900pix / 72dpi以上」を実際の画像ファイルにすると以下となります。

上記の画像を保存して画像編集ソフトなどから開き、サイズを見るとこのような状態が確認できるかと思います。

上記の画像は解像度が144となっていますが、指定は72「以上」のため、72以上あればOKです!