インターネット用の画像の解像度をいくらにすればよいのかが分かりません。
例えば、1280×1024ピクセルに設定した通常の型17インチ(縦約280mm×横約335mm)の液晶モニタに画像を表示する場合を考えます。この場合は、横方向は335mmに1280ピクセルなので、インチ換算すると約97ピクセル/インチになります。このようなモニターに最高の解像度で画像を表示するには、いくらの解像度の画像をアップロードしたらよいのでしょうか。
97ピクセル/インチ以上の解像度の画像をアップロードしても意味がない(例えば、2倍の194ピクセル/インチの画像をアップロードしても表示される画質は全く同じである)ように思えるのですがそれで正しいでしょうか。つまり、最大でも97ピクセル/インチの解像度の画像をアップロードしておけばよいということで正しいでしょうか。
もちろん、サイズ(総ピクセル数)の大きな画像をアップロードすれば大きく表示されるので細部まで見ることができるので、その意味では解像度は上がるのですが、ホームページの中の画像を表示する領域の大きさが限られていてかつその中に画像の全体を表示しなければならないとお考えください。
No.4ベストアンサー
- 回答日時:
(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
- 回答日時:
1280*1024ピクセルの画像を使用すれば、1280*1024のモニターで画面いっぱいに表示されます。
もし1600*1200の画面でいっぱいに表示したいなら、1600*1200の画像を使用して下さい。
ppiを気にされると言うことは、印刷の場合と混同されてませんか?
Photoshopには、印刷解像度に合わせてモニターに表示するWYSIWIGの機能がありますが、
通常は、印刷解像度はモニターに表示する場合は関係有りません。
そうなんです。出発点はPhotoshopなんです。でも、まさかppiが関係ないとは夢にも思いませんでした。
有り難うございました。
No.2
- 回答日時:
Web用の画像に、解像度(dpi)と言うのは意味を持ちません。
HPで表示される画像は、基本的にピクセル数で指定します。作った画像が拡大縮小されないように、100%の大きさで配置するようにしてあげるようにします。
(あえてdpi数で言えば72ですかね。)
17インチモニタで見ている人もいれば21インチ以上のモニタで見ている人もいるので、見えている大きさってのは大分違ってきます。
出版物とは違い、画面サイズやブラウザの種類によっても表示のされ方が違ってくるので、その辺を理解して、無難なレイアウトにするようにしてあげるのが良いのでは?
この回答への補足
少し分かってきたような気がするのですが、まだよく分かりません。少しお尋ねしてもよいでしょうか。
(1)モニター上の画像を表示する領域のサイズが仮に縦300×横200ピクセルである場合は、縦450×横300ピクセルの画像をアップロードしても、結局は縮小して表示されるので、縦300×横200ピクセルの画像に比べてきれいに見えるということは全くないということでしょうか。
(2)画像の縦横のピクセル数が同じであるなら、画像を作るときに72ピクセル/インチで作るか300ピクセル/インチで作るかは、インターネットでモニターに表示したときに画像がきれいに見えるかどうかには何の関係もないということでしょうか。
No.1
- 回答日時:
1280×1024の液晶モニタに1280×1024以上のサイズの画像を1280×1024サイズに縮小して表示すると、逆にいびつに表示される場合があります。
(ブラウザの画像拡大縮小アルゴリズムに依存されるので。)>ホームページの中の画像を表示する領域の大きさが限られていてかつその中に画像の全体を表示しなければならないとお考えください。
↑この条件であれば、1280×1024の画面で一番綺麗に見える画像サイズは1280×1024ピクセルです。
ブラウザの画像拡大縮小アルゴリズムに依存するんですね。知りませんでした。でも、考えてみればそうですよね。
有り難うございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 一眼レフカメラ 誰の意見が信用できるか 6 2022/11/07 19:32
- X(旧Twitter) ツィッターの画像表示について 1 2023/08/17 09:28
- Visual Basic(VBA) ChatGPTに作らせたい Excel VBA 1 2023/04/05 19:56
- デジタルカメラ 録画した4K動画を、フルピクセルで再生したい 5 2023/05/10 00:05
- モニター・ディスプレイ 外部ディスプレイとの解像度の差について 3 2022/05/29 10:40
- その他(ソフトウェア) 画像の拡大率を固定したまま次の画像を表示出来るビューアを探しています 2 2022/05/13 17:19
- モニター・ディスプレイ 新しいPCモニターの購入を考えています。株取引とFX取引。 4 2022/05/01 12:19
- Photoshop(フォトショップ) ピクセルとモニターサイズについて 1 2022/11/02 17:18
- その他(教育・科学・学問) 技術のテストの問題です。やり方を教えてください! 間1.7バイトは何ビットか。 間2.5ビットで表現 4 2023/02/27 00:09
- モニター・ディスプレイ ワイドモニターの解像度が合わずMacの画面が横に伸ばされて表示されてしまう 2 2022/08/09 07:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ピクチャーボックスの大きさに...
-
ExcelVBAで挿入画像の縦横サイ...
-
VB.NETでの画像処理について
-
VB6でピクチャーのサイズの出し方
-
paintに貼り付けてある画像の大...
-
L字みたいな記号の表示
-
テーブルセル余白(例えば左側...
-
PDFファイルが破損していると表...
-
グーグルのアイコンを操作して...
-
MT4.2「カスタムフィールドの値...
-
テキストボックスが選択できない
-
なぜ、ホームページが削除され...
-
レスポンシブWeb 右側の表示が...
-
縦ボーダーの長さ変更方法
-
シーサーブログのヘッダー画像...
-
【緊急】FTPエラーが発生してし...
-
MovableTypeのコメントがエラー...
-
アップロードの意味
-
/public_html が表示されていない
-
画像と画像の間のスペースはど...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ピクチャーボックスの大きさに...
-
ExcelVBAで挿入画像の縦横サイ...
-
一行は何ピクセル?
-
jQuery BoxerというLightBoxに...
-
複数の画像を1枚にしたファイ...
-
ホームページビルダーの表の大...
-
画像ファイルの縦,横サイズを取...
-
jpegの圧縮率の取得
-
pop upウィンドウを画像サイズ...
-
PowerPoint VBA 画像のサイズ
-
Powerpointに貼った画像のサイ...
-
GIF画像のサイズを取得するには
-
教えてください。困ってます。D...
-
画像の縮小をすると粗くなって...
-
DIRECTXのスプライト描...
-
VB6でピクチャーのサイズの出し方
-
ASP.NETで画像の高さと幅を取得
-
Dreamweaverで縦の区切り線あり...
-
ページサイズの目安は?
-
VB.NETでの画像処理について
おすすめ情報