高画質で画像を表示したい

質問

インターネット用の画像の解像度をいくらにすればよいのかが分かりません。

例えば、1280×1024ピクセルに設定した通常の型17インチ（縦約280mm×横約335mm）の液晶モニタに画像を表示する場合を考えます。この場合は、横方向は335mmに1280ピクセルなので、インチ換算すると約97ピクセル/インチになります。このようなモニターに最高の解像度で画像を表示するには、いくらの解像度の画像をアップロードしたらよいのでしょうか。

97ピクセル/インチ以上の解像度の画像をアップロードしても意味がない（例えば、2倍の194ピクセル/インチの画像をアップロードしても表示される画質は全く同じである）ように思えるのですがそれで正しいでしょうか。つまり、最大でも97ピクセル/インチの解像度の画像をアップロードしておけばよいということで正しいでしょうか。

もちろん、サイズ（総ピクセル数）の大きな画像をアップロードすれば大きく表示されるので細部まで見ることができるので、その意味では解像度は上がるのですが、ホームページの中の画像を表示する領域の大きさが限られていてかつその中に画像の全体を表示しなければならないとお考えください。

回答No.4

renton · ベストアンサー

(1)モニター上の画像を表示する領域のサイズが仮に縦300×横200ピクセルである場合は、縦450×横300ピクセルの画像をアップロードしても、結局は縮小して表示されるので、縦300×横200ピクセルの画像に比べてきれいに見えるということは全くないということでしょうか。

ありません。
ブラウザの拡大縮小アルゴリズムはあまり良くないので、縮小するとジャギが目立ち汚く見えます。
320*240ピクセルで表示したい場合は、画像もそのサイズで作成します。

(2)画像の縦横のピクセル数が同じであるなら、画像を作るときに72ピクセル/インチで作るか300ピクセル/インチで作るかは、インターネットでモニターに表示したときに画像がきれいに見えるかどうかには何の関係もないということでしょうか。

解像度dpiは関係ありません。
dpiは印刷物1インチあたりに、どれだけ点が並ぶかという数値です。（dpi＝ドット/インチ）
PCの画面は、1280*1024のモニタだったら、横に1280ドット、縦に1024ドットの点を表示して絵を表現しているものなので、解像度dpiとは直接関係がありません。

試しに、Photoshop等で320*240の72dpiと300dpiの画像を用意して、それぞれJPEGなどで書き出してみると、両者に違いが無い事がわかると思います。

お礼

やっとわかりました！

これまで、かなり無駄（というか、無駄以上のこと、劣化をもたらすこと）をしていたことも分かりました。

でも、無知は成功の母（？？）。頑張ります。
有り難うございました。

回答No.3

noname#19175

1280*1024ピクセルの画像を使用すれば、1280*1024のモニターで画面いっぱいに表示されます。
もし1600*1200の画面でいっぱいに表示したいなら、1600*1200の画像を使用して下さい。

ppiを気にされると言うことは、印刷の場合と混同されてませんか？
Photoshopには、印刷解像度に合わせてモニターに表示するWYSIWIGの機能がありますが、
通常は、印刷解像度はモニターに表示する場合は関係有りません。

お礼

そうなんです。出発点はPhotoshopなんです。でも、まさかppiが関係ないとは夢にも思いませんでした。

有り難うございました。

回答No.2

renton

Web用の画像に、解像度（dpi）と言うのは意味を持ちません。
HPで表示される画像は、基本的にピクセル数で指定します。作った画像が拡大縮小されないように、100％の大きさで配置するようにしてあげるようにします。
（あえてdpi数で言えば72ですかね。）

17インチモニタで見ている人もいれば21インチ以上のモニタで見ている人もいるので、見えている大きさってのは大分違ってきます。
出版物とは違い、画面サイズやブラウザの種類によっても表示のされ方が違ってくるので、その辺を理解して、無難なレイアウトにするようにしてあげるのが良いのでは？

補足

少し分かってきたような気がするのですが、まだよく分かりません。少しお尋ねしてもよいでしょうか。

(1)モニター上の画像を表示する領域のサイズが仮に縦300×横200ピクセルである場合は、縦450×横300ピクセルの画像をアップロードしても、結局は縮小して表示されるので、縦300×横200ピクセルの画像に比べてきれいに見えるということは全くないということでしょうか。

(2)画像の縦横のピクセル数が同じであるなら、画像を作るときに72ピクセル/インチで作るか300ピクセル/インチで作るかは、インターネットでモニターに表示したときに画像がきれいに見えるかどうかには何の関係もないということでしょうか。

回答No.1

NYOI

1280×1024の液晶モニタに1280×1024以上のサイズの画像を1280×1024サイズに縮小して表示すると、逆にいびつに表示される場合があります。(ブラウザの画像拡大縮小アルゴリズムに依存されるので。)

＞ホームページの中の画像を表示する領域の大きさが限られていてかつその中に画像の全体を表示しなければならないとお考えください。

↑この条件であれば、1280×1024の画面で一番綺麗に見える画像サイズは1280×1024ピクセルです。

お礼

ブラウザの画像拡大縮小アルゴリズムに依存するんですね。知りませんでした。でも、考えてみればそうですよね。

有り難うございました。