千葉県船橋市のホームページ制作・マーケティングの株式会社ノベルティ

COLUMN

コラム

2023.08.30

WEBの写真を印刷物に流用するのはNG 〜画像解像度とは?〜

せがわ ともよ

デザイン

千葉県船橋市のWeb制作会社ノベルティのデザイナーせがわです。

制作会社に印刷物の制作を依頼するとき、「WEBサイトに掲載している写真を使ってください」と頼んだ経験はありませんか?

実は、WEBサイト上の写真を印刷物に流用するのは基本的にはNGなんです。

今回のコラムでは、「WEBの写真を印刷に流用するのはなぜNGなのか?」、それを理解するためには欠かせない「解像度」についても交えながら解説していきます。

目次

流用NGの鍵を握る「解像度」とは?

解像度」とは画像のきめ細かさを表す尺度として使われる言葉です。

頻繁に見聞きする言葉ですが、

  • 主に印刷物や一般的な意味として使用される画像解像度
  • テレビやパソコンのモニターの画素数を指す言葉として用いられる画面解像度

この2つの意味で使われることが多くあります。

画像解像度と画面解像度の違い

まずはそれぞれにどういった違いがあるのか見ていきましょう。

画像解像度とは?

「画像解像度」とは、写真などの画像を構成する密度のことです。

1辺1inch(2.54cm)の範囲内に何個の点が並んでいるか」という密度を数値で示していて、「dpi(dots per inch)」または「ppi(pixel per inch)」という単位を使用します。

※ここでは印刷の現場などで一般的に多く用いられるdpiで解説します。

画像解像度は点の密度を示しています

10dpiではかなり粗くドット絵のようになっていますが、数値が増えるとなめらかになっているのが分かります。

1inchの範囲内の点が多い=きめ細かい高精細な画像であり、解像度が高いと判断されます。
逆に、1inchの範囲内の点が少ない=粗い画像であり、解像度が低いと判断されます。

画面解像度とは?

「画面解像度」とは、画面を構成する画素の数のことで、「px(ピクセル)」という単位を使用します。

主にモニターやディスプレイの精細さを示す際に用いられ、モニター解像度、ディスプレイ解像度などとも呼ばれます。

※ここでは分かりやすさを重視し、これ以降の「画素数」を「ピクセル数」と表現します。

画面解像度は画像を構成する画素の数を示しています

モニターいっぱいに壁紙を設定したい場合、モニターと同じピクセル数の画像を用意すれば高画質で表示することができます。

モニターが持つピクセル数以上の描写は不可能ですので、それ以上の大きさの画像を用意したからといってより繊細に表示されるということはありません。

解像度という言葉の使われ方についてなんとなくご理解いただけましたか?
今回お話する内容は印刷物に関することなので「画像解像度」が中心の話になります。

WEBサイトの画像を印刷に流用できない理由は解像度不足

本題である「なぜ印刷物に流用することができないのか?」の答えは、「印刷に必要な画像解像度を満たしていないから」です。

画像解像度は、用途によって適した数値が決まっています。

  • WEBサイト・・・72〜96dpi
  • 印刷物・・・300〜350dpi

印刷物では300〜350dpiの画像解像度が必要になります。

※この数値にもきちんと理由があるのですが、非常に専門的な話になるため割愛します。とにかく「300〜350dpi」が必要です。

WEBに使用する画像は多くが72〜96dpiに設定されているため、画像を印刷物へ流用しようとしても解像度が足りなくなってしまいます。

WEBサイトの場合、掲載する画像は72〜96dpiという基準はあるものの、画像のピクセル数によって画面に表示するサイズを指定するため、解像度よりもピクセル数が表示サイズを満たしているかを重視しています。

画像解像度が足りないまま印刷するとどうなる?

解像度が足りないから、とだけ言われてもなかなかピンと来ないですよね。
実際に画像解像度が足りない状態で印刷するとどのような結果になるか見ていきましょう。

印刷が粗くなってしまう

画像解像度が異なる2枚の画像を用意し、実寸サイズが横120mmになるように配置しました。
左の青枠が350dpi右のピンク枠が72dpiですが、モニターで100%表示にするとどちらも同じように見えます。

同じ実寸サイズで配置した、解像度が異なる2つの画像です

上記のデータをプリンターで出力した結果です。
引いて見るとそんなに気にならないように見えますが・・・

実際に印刷した画像です

アップで見るとその差が一目瞭然です。

実際に印刷した72dpiの画像のアップ

350dpiは細かい部分までくっきり精細に印刷されたのに対し、72dpiは不鮮明でぼやけた印刷になってしまいました。

このように、画面上では問題なく見えていても印刷しないと気付くことができません「パソコンで見ると綺麗なのに、印刷すると粗く見える」という状態になるのはこのためです。

印刷会社に依頼する場合でもトラブルの原因に

印刷会社に依頼する場合でも、入稿に関するルールとして画像解像度が指定されています

それに満たないデータのまま入稿すると次のようなトラブルが発生してしまうことも。

  • 不鮮明な画像のまま何枚も印刷されてしまう
  • データを修正して再入稿するまで印刷工程に進められずストップしてしまう

どちらの場合も入稿データの不備になるため、データ作成者の責任になってしまいます。

データに不備があった際の対応は印刷会社によって異なるため、必ず印刷会社の入稿ルールを確認しましょう

WEBサイトの写真を印刷に使いたい時はどうしたらいい?

WEBサイトに掲載している写真を印刷物に使用したい場合は次のような方法があります。

サイト掲載用に縮小する前のデータを使用する

もしWEBサイト用に撮影した写真を所有しているのであれば、加工や縮小する前の写真を新たに印刷物用に編集して使用するのが確実な方法です。

制作会社に撮影から依頼している場合は、撮影データをもらうことは可能か事前に確認しておきましょう。

できる限りピクセル数が大きい画像を選ぶ、印刷物で小さく使用する

元のデータを所有していないけどどうしてもWEBサイトから画像を使いたい!

という場合は、できるだけピクセル数が大きいものを選択しましょう

ピクセル数が大きければ、画像解像度を印刷可能な300〜350dpiに変更しても問題なく使える可能性があります

また、綺麗に印刷ができるギリギリの大きさで使用すると、画像解像度が不足していても粗さが気になりづらくなるので、小さめに使用するのがいいでしょう。

WEBサイトに小さく使用している画像をA4チラシ全面に使用したい!という場合は、申し訳ありませんが粗くなることを覚悟していただくしかありません。

印刷用の解像度を変更した場合にどのくらいの実寸サイズで出力できるかを画像のピクセル数から計算することもできます。→自動計算ツールを開発してくださっているサイトはこちら

まとめ

WEBサイトの画像が印刷物に流用できない理由について解説させていただきました。

でも、せっかくWEBサイトのために写真を用意したなら会社案内やDMなどにも使用したくなりますよね。

株式会社ノベルティでは、WEBサイトの制作に合わせて会社案内や名刺などの紙資材のデザイン制作が可能です

プロのカメラマンによる写真撮影も可能で、カメラマンと連携し撮影写真の管理も行いますのでWEBサイトだけでなく紙資材への活用ももちろん可能です。

印刷会社勤務経験のあるスタッフが最後まで丁寧に対応いたします。お困りの際はぜひご相談ください!

サイト制作・紙資材制作に関するご相談はこちら

せがわ ともよ

クリエイティブマネージャー

クリエイター職=意識が高いという固定観念をぶち壊す意識低い系デザイナー。
好きなものはゲームと漫画、苦手なものは自己啓発。
でもやる時はやります。あなたのサイトを作る時…とかね!
HOME | コラム | WEBの写真を印刷物に流用するのはNG 〜画像解像度とは?〜
CONTACT

お問い合わせ

お見積りの依頼やWebに関する
お悩みがございましたら、
お電話かメールからお問い合わせください。

047-405-2227

お電話対応可能時間 平日/10:00~17:00

〒273-0005 千葉県船橋市本町5-1-1 船橋AUビル4階

船橋情報配信メディア

トコトコふなばし船橋情報配信メディア|トコトコふなばし

【船橋トコトコ大冒険メディア】として船橋の地域情報メディア、トコトコふなばしを運営。

船橋の観光スポットやイベント、グルメなど船橋の魅力を、熱く!ディープに!紹介しています。

また、船橋で活躍されている個人・企業の皆様への取材も実施しています。

船橋情報配信メディア|トコトコふなばしのとこっとちゃん

トコトコふなばしのキャラクター

とこっとちゃん

船橋に迷い込んでから船橋が気に入ってしまったトコ!

船橋を散歩しながら船橋のいいトコを紹介しているトコ。

船橋市内での取材はボクも行くトコよ~♪