画像解像度の基本｜はじめてのデザイン講座 DAY 26

小さな写真をバナーいっぱいに広げると、輪郭がぼやけたり、細かな四角が見えたりすることがあります。

拡大による粗さが出ないかを判断するには、画像が持つピクセル数と、実際に使う大きさを一緒に確認します。

ピクセルは画像を作る小さな点です

デジタル画像は、「ピクセル」と呼ばれる小さな点の集まりです。「1200×800ピクセル」なら、横に1200個、縦に800個のピクセルがあります。

横300ピクセルの画像を横1200ピクセル分まで広げると、元の画像には細かな情報が足りません。そのため、輪郭がぼやけることがあります。

大きな画像を小さく使う場合は粗さが出にくい傾向がありますが、必要以上に大きいとファイル容量も増える場合があります。用途に合う大きさを選びましょう。

画面と印刷では使う大きさも確認します

WebバナーやSNS画像では、完成サイズに対して素材を無理に拡大していないか確認します。

印刷では、同じピクセル数でも、何センチで印刷するかによって細かさが変わります。PPIは、1インチあたりに使うピクセル数を表す考え方です。

PPIの数字だけで判断せず、画像の縦横のピクセル数と、最終的に使う大きさを一緒に確認します。

一般的な目安は次のとおりです。

・Web・画面用：72ppiがよく知られた基準。ただし、画面では縦横のピクセル数と表示サイズが重要

・カラー印刷：原寸で300〜350ppi程度

画像の密度を表すPPIと、プリンターが出力する点の密度を表すDPIは、本来は異なる単位です。制作現場では「Webは72dpi」「印刷は350dpi」と呼ぶこともあります。

大判印刷では、見る距離によって低い解像度を使える場合もあります。入稿するときは、利用する印刷会社の指定を優先してください。

ファイル容量だけでは判断できません

KBやMBは、主にデータ量を表します。容量は保存形式や圧縮の程度でも変わるため、容量が大きければ必ず細かい画像とは限りません。

最初に確認したいのは、縦と横のピクセル数です。

今日の10分課題

手元の写真を2枚選び、縦横のピクセル数を確認します。写真がない場合は、次の二つを比べてください。

・A：横300×縦200ピクセル

・B：横1800×縦1200ピクセル

横1200ピクセルのバナー背景に使うならどちらを選ぶか考え、「拡大の必要があるか」を使って理由を書きます。

3つの自己確認

縦横のピクセル数を確認しましたか。

最終的に使う大きさと比べましたか。

小さな画像を無理に拡大していませんか。

次回は、今週の内容を使って写真・図版を使った広告画像を制作します。

64歳からデザインを学び始め、現在はWebと印刷物のデザインを制作しています。このシリーズでは、デザイン経験がない方にも分かる言葉で、デザインの基本と作り方をお伝えします。

ハッシュタグ

デザイン初心者　Canva　画像解像度　ピクセル　デザインの基本