GUENT's Eb Site  HOME｜HTML & JavaScript｜Photoshop
 画像解像度について
画像解像度について
・画像解像度とは？
・ｄｐｉ／ｐｐｉ
・最終出力を考えた画像作成のための解像度
・Photoshopにおける画像解像度の変更
・画像解像度とは？
　たとえば印刷物でも、雑誌のグラビアページや写真集と新聞では、写真の“目”の細かさが違います。ＣＭＹＫの点がほとんど肉眼では見えない細かい印刷から、肉眼でも点が確認できる粗いものまで、用途や種類によって様々な印刷物があります。
　パソコンで画像を製作する場合も、最終的な使用目的に合わせて、“目”の細かさを変える必要があります。
　この“目”の細かさを画像解像度といいます。
　モニターで普通に見る画像の解像度は、Macでは72dpi、Windowsでは96dpiで固定なので、Macでは解像度72dpiの画像が原寸（100％）で表示されます。
　しかし、プリンターできれいにプリントアウトする場合、印刷所にデータとして渡す場合などなど、それぞれ適切な解像度があります。商業印刷物は、モニターの解像度より数段目が細かく、また、ピクセルの集合であるデータをモアレ（干渉縞）なく表示する必要があるので、かなり大きな解像度が求められます。また、一般のインクジェットプリンターなどでプリントアウトする場合は、200〜300dpiで作られたデータであれば問題なくキレイにプリントできます。（※それ以上の解像度にしても、美しさは変わりません。詳しくはプリンターのマニュアルをご覧ください）
※Windowsでは96dpi　WEB上の画像に関しては、Macintosh上でもInternet Explorer 5を使用することで、96dpiでの表示を確認することが可能です。
・ｄｐｉ／ｐｐｉ
　解像度にはdpiという単位が使われています。dots/inch = dots per inchの略です。1インチの中にいくつ点（ドット）があるか、という意味です。プリンタや印刷用の機械の性能を表す時もこの単位です。
　画像データはピクセル(pixel)の集合ですから、ppiという単位も使います。pixels/inchです。
　Photoshopの虫眼鏡ツールで、画像を拡大表示していくと見えてくる“四角形”がピクセルです。（fig01）
　
　Photoshopでは、このピクセルを最小単位として、画像の実際の縦横のサイズと解像度にしたがってデータサイズが決まります。画像を開いた時に、見た目には原寸ではなく表示されたり、ほぼ原寸で表示されているにもかかわらず「32％」などと表示される場合があるのはこのためです。モニターの解像度は72ppiで固定ですから、72ppi以外の画像は縮小（あるいは拡大）されて表示されることになります。（fig02）

　※本当は、データの画像解像度を示す場合には「ppi」が正しくて、プリンタなどの性能で解像度を表す場合には「dpi」が正しいともいえます。しかし、ドットもピクセルも、ほとんど同じものとしてとらえて、dpiという表現が一般的に使われています。（Photoshop上での表記は、dots/inchではなく、pixels/inchという表現になっています）
・最終出力を考えた画像作成のための解像度
　商業印刷では写真などの“目”の細かさを「線数」で決めます。通常、フルカラー（CMYK)の印刷物では175線（175lpi=lines per inch）、一色ページでは150線、簡易印刷や印画紙を出力して版下を作成する場合は100〜133線が標準です。また、新聞などの凸版を使用した印刷では60〜80線と低い線数である場合もあります。凸版、簡易印刷（紙版）、オフセット、グラビア、シルクなどなど、印刷にはその用途や印刷物の種類によってさまざまな方法があり、必要とされる線数も変わってきます。当然、画像解像度も変わってきますので、確認が必要です。
　
　通常、データ入稿のための画像解像度は線数の倍であることが望ましいとされています。たとえば、普通のCMYKのオフセット印刷（175線）を行うために必要な画像解像度は350ppiとなります。
　Photoshopで画像を拡大・縮小すると、その度にデータは書き換えられ、どんどん質が劣化していきます。特に拡大は、もともと存在しないピクセルをむりやり作り出すわけで、しないにこしたことはありません。たとえばWEBの画像（72ppi）をモニタに表示されるのと同じくらいの面積で印刷すると、まちがいなく画像は荒れます。（fig03　72ppiの画像を表示サイズと同じプリントサイズで印刷した場合）
　このため、Photoshopで画像を作成する場合は、最初から最終出力を想定して、そのために必要な解像度で作業する必要があります。
　
　縮小しても画像は荒れますが、普通は拡大ほどの大きな荒れにはなりません。最終出力が定かでない場合や画像の一部を拡大する可能性がある場合、画像劣化の激しい処理が予測される場合（複雑なフィルタ処理など）などは、それに見合った大きな解像度で作成するというテもあります。
　また、スキャニングしたものを実際には拡大して使いたい場合などは、最初から拡大率にあわせた解像度で取り込む必要があります。
　例）最終解像度：350ppi　最終使用サイズ：原稿の200％　スキャニング時の解像度：700ppi
　このように、きちんと拡大率に合わせて解像度を割り出しスキャニングした場合、「画像の再サンプル」を行わないので、劣化が起きません。
　また、必要な解像度を超えて大きなサイズにしても、美しさは変わらないどころか出力に時間がかかったり、場合によってはかえって問題が起こることもあります。

※大きな解像度で作成する　あれこれ試行錯誤が予測される場合、私の場合、多少の拡大があることを踏まえて400ppiくらいで作業することもあります。拡大・縮小を繰り返すのは画像が劣化するのでお勧めできませんが、フィルタをかけたり変形させたりするのはPhotoshopを使う目的でもあるので、リサイズしても印刷に耐えうる保険のようなつもりで多少の余裕を見た解像度というのもアリだと思います。
・Photoshopにおける画像解像度の変更
　Photoshopで、「イメージメニュー」⇒「画像解像度」を開くと、画像解像度の変更が可能です。
画像解像度を表す単位自体も変えられますが、その時によって単位がまちまちだと混乱を招くので、普段から解像度の単位は『pixels/inch』に統一しておく方がいいと思います。（fig04）
　
　まず、このウインドウの一番下に、二つのチェック項目があります。
　
「縦横比を固定」：画像の縦横の比率を変えて拡大・縮小する時以外はチェックを入れておきます。
　
「画像の再サンプル」：チェックをはずす
　チェックをはずすと、ピクセル数を変えずに解像度だけを変化させます。ウインドウ上部の「ピクセル寸法」が固定になり、プリントサイズを変更すると、それにしたがって解像度が変化します。（fig05）
　解像度を上げればプリントサイズは小さく、逆に解像度を下げれば、プリントサイズは大きくなります。この状態でのリサイズは、ピクセル自体を変化させることがないので、この作業によってデータそのものが劣化することはありません。先に例にあげたように、「大きな解像度でスキャニングしたものを解像度を下げることでプリントサイズを大きくする」ような場合に使用します。また、WEB上の画像（72ppi）を、プリントサイズを小さくすることで高解像度にし、印刷に使用することも可能です。
　
「画像の再サンプル」：チェックを入れる
　チェックを入れると「ピクセル寸法」を変更することができるようになります。（fig06）
　
　この状態で、「プリントサイズ」の幅または高さを変更すると、解像度はそのままで、画像の拡大・縮小が可能です。この時、縦横比を固定にしてあるので、幅または高さを変更するのに伴って、もう一方のパラメータも変更されます。また、幅・高さをそのままにして、解像度を変更することも、幅・高さ／解像度ともに変更することも可能です。（それに伴い『ピクセル寸法』も変化します）（fig07）
　
　次に「画像の再サンプル」のオプションであるプルダウンメニューの説明です。（fig08）
　画像データのリサイズは、拡大なら、ありもしない（今まで存在しなかった）ピクセルを勝手に作り上げます。また縮小の場合も、たとえばもともと10×10のピクセルを使って表現していた画像を5×5のピクセルで表現するために、おおざっぱなものに描きなおします。このため、画像の劣化が起こるわけです。（fig09／10　元画像⇒25％縮小した後、400％拡大した画像［バイキュービック］）このピクセルの生成・減少のための補完方法をこのプルダウンメニューで選びます。
　
■バイキュービック法
　もっとも精度の高い画像補完方式です。まわりのピクセルの色調や明るさなど全ての要素を計算して、ピクセルを補完します。画像全体に無理なく中間色／階調を生成し、補完してくれます。他の方法に比べると計算に一番時間がかかります。普段はこれを選択しておけばＯＫです。
※線画など、モノクロ二値の画像をこの方法で拡大・縮小すると、線のまわりにアンチエイリアスがかかった状態になります。後でバケツで色を流し込みたい時などには苦労することになります。
　
■バイリニア法
「バイキュービック」と「ニアレストネイバー」の中間的な精度、スピードの補完方法です。
　
■ニアレストネイバー法
　もっとも粗い画像補完です。“ニアレストネイバー”＝“一番近い隣のピクセル”で、足りない部分を埋めます。上記の二つと違って、元データに存在しない色・明るさのピクセルは生成しません。＝アンチエイリアスはかかりません。
※モノクロ二値の画像をそのままモノクロ二値で拡縮したい場合はこれを選びます。
　
⇒再サンプルの方法の差による画質変化（fig11〜13）
　
⇒アンチエイリアスのかかっていない画像の場合（fig14〜17）
以上、すべての画像はWEB用にJPEGまたはGIFで圧縮されているので、およその画質変化と考えてください。
上記の画像・記述はすべて、Photoshop5.5で作成・解説してあります。
ここで使用した花の画像は、株式会社データクラフトの「素材辞典」Vol.20＜群生の花・桜編＞を用いました。