こんにちは、ツバサです。
商品のチラシを印刷会社に入稿しようとしたら、ガイドに「画像は350dpi以上で」と書いてあった。dpiって何だろう、普段Web用の画像ばかり触っているので意識したことがなかった。調べてみたのでメモしておく。
解像度・dpiとは
ひとことで言うと、1インチ（約2.54cm）あたりに含まれるドット（点）の数を表す値のこと。dpiは「dots per inch」の略で、この数値が高いほど画像が細かく、きれいに見える。
印刷通販グラフィックの解像度解説ページにわかりやすい図が載っていた。たとえば72dpiの画像は1インチに72個のドットが並んでいて、350dpiなら350個のドットが並んでいる。当然350dpiのほうが密度が高くて精細な表示になる。
よく似た単位に「ppi（pixels per inch）」がある。dpiが印刷のドット密度を指すのに対して、ppiはデジタル画像のピクセル密度を指す。厳密には違う概念だけど、バンフーオンラインショップの解像度解説にも書いてあったように、実務ではほぼ同じ意味で使われていることが多い。
| 用途 | 推奨解像度 | 理由 |
|---|---|---|
| Web・画面表示 | 72〜96ppi | モニターの表示密度に合わせた値。ブラウザはピクセル数で表示するため、dpi自体は影響しない |
| 印刷（フルカラー） | 350dpi | 商業印刷の網点（175lpi）の2倍が推奨 |
| 印刷（モノクロ） | 600〜1200dpi | 文字や線画はより高い解像度が必要 |
EC実務で出てくる場面
EC担当として仕事をしていて、dpiを意識する場面はそこまで多くない。ただ、印刷物がからむときに急に出てくるので、知っておいたほうがいい。
チラシやカタログの入稿
商品カタログやチラシを印刷するとき、入稿ガイドには必ず「350dpi以上」と書いてある。ネット印刷WAVEの画像解像度ガイドでも、原寸サイズで350dpiが推奨と明記されていた。EC用にWeb向けに最適化した72dpiの画像をそのまま印刷に回すと、ぼやけた仕上がりになってしまう。
パッケージや同梱物の制作
商品パッケージやサンクスカードなど、同梱物を作るときも印刷用の解像度が必要になる。商品写真を流用するなら、最初から高解像度で撮影しておかないとあとで困る。ダイオーミウラの解像度解説にも、印刷とWebの解像度の違いがまとまっていて参考になった。
ECモールの商品画像登録
一方で、楽天やAmazonに画像をアップロードするときは、dpiを気にする必要はほとんどない。モールの画像規定はピクセル数（px）で指定されているので、dpiではなくピクセルサイズのほうが重要だ。ブラウザは画像のdpi設定を無視してピクセル数だけを見て表示するので、72dpiでも350dpiでも画面上の見え方は変わらない。
覚えておきたいポイント
Web用と印刷用で画像を分けて管理する
同じ商品写真でも、Web用（72dpi・適度なピクセルサイズ）と印刷用（350dpi・大きいピクセルサイズ）は別ファイルとして保管しておくのがいい。Web用に最適化した画像を後から印刷に転用しようとすると、解像度もピクセル数も足りなくて使えないことが多い。紙ソムリエの印刷解像度解説にも、用途別の管理が推奨されていた。
解像度を後から上げても画質は上がらない
Photoshopで72dpiの画像を350dpiに変更することはできるけど、それは数字を書き換えただけ。もとの画像にない情報が追加されるわけではないので、ぼやけた画像のままdpiの数値だけ変わることになる。高解像度が必要な場合は、最初から高画質で撮影・スキャンしておく必要がある。
ECサイト用はピクセル数で管理する
Web用の画像ではdpiよりピクセル数のほうが大事だ。Amazonなら長辺1600px以上、楽天なら横700px以上。各モールの画像規定はECサイト商品画像ルールまとめに書いた。ファイルサイズを軽くしたいときは商品画像の圧縮テクニックも参考になる。
