Web・SNSに解像度300dpiは必要ない
— 誤解されやすい画像解像度の基本
「画像を書き出すとき、解像度は必ず300dpiにしています」という話をよく聞きます。印刷物なら正解ですが、SNS・Webへの投稿ではdpiの数値はまったく意味を持ちません。 この記事では、混同されがちな「解像度・dpi・ピクセル数」の違いを整理します。
結論
- SNS・Web投稿：dpiは無関係。重要なのはピクセル数のみ
- 印刷：300dpiが基準。物理的なサイズとピクセル数の両方が重要
- 同じ画像を72dpiと300dpiで保存しても、ピクセル数が同じならモニター上での見た目は変わらない
dpiとは何か
dpi（dots per inch）は、1インチ（約2.54cm）の物理的な長さに何ドット（ピクセル）を印刷するかを示す単位です。 300dpiなら1インチに300個のドットが並ぶことになり、印刷物が細かく精細に仕上がります。
| 用途 | 一般的なdpi | 理由 |
|---|---|---|
| 印刷（チラシ・写真） | 300dpi | 近距離で見るため精細さが必要 |
| 大型看板・ポスター | 72〜150dpi | 遠距離から見るため粗くても問題ない |
| PCモニター | 72〜110dpi | 物理的なパネルの画素密度がそのくらい |
| スマホ（Retina） | 300〜460dpi | 高画素密度だが、Web画像のdpi設定とは無関係 |
モニターはdpiを無視する
ブラウザやSNSアプリが画像を表示するとき、参照するのはピクセル数だけです。画像ファイルに書き込まれたdpi情報は読み飛ばされます。
実験：同じ画像を2つのdpiで保存してWeb表示すると？
72 dpi
1200 × 675 px
← 表示は同じ
300 dpi
1200 × 675 px
表示は同じ →
ピクセル数が同じなら、dpi値が違っても画面上の表示サイズ・画質はまったく同じです。dpiの違いはファイル内のメタデータにしか影響しません。
Web・SNSで重要なのはピクセル数
モニターは物理的なパネルのピクセル数で表示領域が決まっています。ブラウザは「この画像は1200px × 675px」という情報を読み取り、それをモニターのピクセルに割り当てて表示します。dpi情報はその計算に一切関わりません。
SNS投稿で見た目の画質を決めるもの
- ·ピクセル数（横幅・縦幅）
- ·JPEG/WebPの圧縮品質
- ·SNSプラットフォームの再圧縮
SNS投稿の見た目に影響しないもの
- ·dpi（解像度）の数値
- ·画像ファイルに書かれたdpiメタデータ
- ·Photoshopの「解像度」欄の数値
「Retinaなら2倍のピクセルが必要？」への答え
高解像度（Retina/HiDPI）ディスプレイを持つスマホやMacでは、CSSの1pxが物理的な2〜3ピクセルに対応します。そのため「SNS画像も2倍のサイズで用意しないとぼやける」という話があります。
これはWebサイトの自前の画像表示（imgタグなど）には当てはまりますが、SNSへの投稿画像には基本的に関係ありません。 SNSのアプリ・サービス側が、デバイスの解像度に応じた最適な画像配信（srcsetなど）を自動で行っているためです。
SNS向けには各プラットフォームの推奨ピクセル数（例：Instagram 1080px）に合わせれば十分で、2倍・3倍の巨大画像を用意する必要はありません。
よくある誤解
Q. Photoshopで「解像度72ppi」にしたら画質が下がる？
いいえ。Photoshopの「解像度」欄を変更するだけでは（「再サンプル」をオフにした場合）ピクセル数は変わらず、画質も変わりません。数値がファイルのメタデータとして書き換わるだけです。
Q. スマホの写真は300dpiだから高画質？
スマホのディスプレイ自体は300dpi以上の画素密度を持っていますが、撮影した写真ファイルのdpi設定は別の話です。重要なのはピクセル数（例：4000 × 3000px）であり、ファイルに書かれたdpiの数値ではありません。
Q. 印刷用に作った300dpiの画像はSNSでもきれいに見える？
「300dpiだから」ではなく、「ピクセル数が十分にあるから」きれいに見えます。300dpiで作った画像が高画質なのは、印刷基準で十分なピクセル数を確保しているためです。dpi自体はSNS表示に影響しません。
まとめ
dpiは印刷のための単位です。SNS・Web投稿では無関係で、気にする必要はありません。 投稿画像の見た目の品質を左右するのは、ピクセル数と圧縮品質の2つだけです。 各SNSの推奨ピクセル数に合わせ、JPEG品質80〜90%で書き出す——それだけで十分です。
SizeKit でピクセル数を正しく合わせる
SNSごとの推奨ピクセル数を選ぶだけ。dpiは気にせず、品質スライダーで仕上がりを調整できます。
ツールを使う →こばやん
東京在住のエンジニア・個人開発者。SizeKit 開発者。 Stellars Lab