解像度について。

質問

皆様こんにちわ。
現在「Photoshop CS3」を使用しているのですが、写真を色々加工し、ブログに掲載したいのですが、今現在使用しているブログが一枚の写真につき５００kbまでしか掲載できません。

そこで、仕方なく、５００kbギリギリまで設定して掲載しているのですが、解像度を設定する際、３００pixelで保存加工した（修正した）写真をＰＣのＨＤＤに保存しているのですが、Web上では結局（Windows）解像度９６間でしか載せられないと言う話を聞いたことがあります。

自分の解釈の仕方が間違っているのなら指摘して欲しいのですが、どうしても、解像度３００pixelで掲載したい場合は、写真サイズを小さくするしかないのでしょうか？

何かいい方法や、助言、アドバイスなどありましたら、宜しくお願い致します。

回答No.4

noname#235092 · ベストアンサー

No.2の方への再質問について参考になれば。

＞>1200dpiの3000x2000の画像も72dpiの3000x2000の画像もブラウザ上で
＞>は同じ表示になります。
＞と言うことは、いくら高解像度（自分のカメラ設定は350dpiです）で撮影したとしても、ブラウザ上（ブログ上）では無意味と言うことでしょうか？
●違います。
解像度が高いほど（正確にはタテ・ヨコの画素数が多いほど＝総画素数が大きいほど）WEBページでは大きく表示されます。
低解像度で撮影したものは小さくなりますよ。

＞>Photoshopで縦横のピクセルサイズを変更してWeb用に保存すれば良い
＞>だけです。
＞なるべく小さいサイズに設定して、解像度を９６dpiした方が綺麗な写真を見せれるということでしょうか？
●違います。
「解像度」と「綺麗」は忘れてください。
No.2の方が最後におっしゃっているとおり、ブラウザでその写真を開けばそれがWEBページでの見え方（100％表示）になります。
もし大きすぎればPhotoshopで縮小すればいいのです。（縮小しても500KBよりまだ大きければ縮小が足りなかったということになります。）
表示される大きさに解像度は関係ありません。あくまでもタテ・ヨコの画素数の問題です。

＞大きい写真で迫力を選ぶか、小さい写真で綺麗を選ぶかと言うことになりますか？
●違います。
繰り返しになりますが、「大きい写真は総画素数が大きい」「小さい写真は総画素数が小さい」、それだけのことです。
「大きいからきたなくて小さいからきれい」ではありません。

※ためしに、同じ写真を2枚用意し、1枚はそのまま、もう1枚は50％に縮小し、両方の写真をブラウザで開いてどのように表示されるかを確認してみるといいでしょう。（縮小のとき「画像の再サンプル」にチェックを入れておく。）
50％の方は総画素数（画素数でタテ×ヨコ）が4分の1に減ったことを確認してくださいね。
※「画素」＝「pixel」です。念のため。

お礼

こんばんわ。
自分で色々この教えてＧｏｏで言われたこと参考に勉強していて返事の方が遅くなりました。申し訳ありません。

言われた通りブラウザ上に表示してみてわかりました。

この度は多忙の中親身になっていただきまして本当にありがとうございます。

回答No.5

gungnir7

他の方も言っているようにdpiとpixelが混同していますね。
画面のサイズ、例えば1280×1050なども解像度とよぶのが混乱の原因になっています。
画面サイズのそれは画面解像度といって別扱いですから注意します。

さて、300DPIとか96DPIというのは物理解像度になります。
機器には物理的に配置できる点というもが定まっていましてディスプレイでは96DPI固定になります。
高価なディスプレイでは可変になるものもあります。

プリンタは300DPIを標準に可変になります。商用印刷では紙によって解像度を選択します。
プリンタはディスプレイの３倍も解像度が高いですから、それだけ細かい点が配置できます。

解像度の講釈はこれくらいにして、ブログの使い方が間違っていると思われます。
ブログは保管庫かわりにしても管理が非常に大変です。
どこかにWebSpaceを借りて、そこへリンクを張り、オリジナルを欲しい人は
そこからダウンロードさせるのが普通です。ほとんどの方がそうしていますよ。

お礼

こんばんわ。自分でも色々調べて勉強していたので、お返事のほうが遅くなり大変申し訳ないです。

ありがとうございます＾＾

やっと皆様の教えてくださった意味がわかりました。Photoshopで解像度を色々変化させブラウザに表示してみました。

本当に親身になっていただきましてありがとうございます。

回答No.3

kouun-takamura

No1です。詳しい説明はNo2さんが書いてくれているとおりです。

>折角大きな写真を撮って来たのに、小さく載せると迫力に欠けるのではないかな？と思いました。

気持ちはわかります。大きい写真で見せたいですよね。
そういう場合は、ブログ以外の見せ方、掲載の仕方にしたほうがいいかもしれません。
ブログ掲載写真のばあいは、パソコンの画面で一度に見られる程度の画像にしたほうがよいでしょう。

お礼

この度は多忙の中御返答いただきましてありがとうございます。

やっと皆様の言っている意味がわかりました。

親身になっていただき感謝しております。

本当にありがとうございました。

補足

こんばんわ。
お返事が遅くなり大変申し訳ないです。

自分でも理解しようと思い勉強してました。

>そういう場合は、ブログ以外の見せ方、掲載の仕方にしたほうがいい
>かもしれません。
>ブログ掲載写真のばあいは、パソコンの画面で一度に見られる程度の
>画像にしたほうがよいでしょう。

と言うことは、やはりＨＰを自分で作成と言う方法が望ましいという解釈で宜しいでしょうか？

これから、No2様のアドバイス文見てみます。

未熟者の私にお付き合いください。

回答No.2

bardfish

基本的なことですが、ブラウザで画像を表示させる時にはdpiは無関係になります。したがって、1200dpiの3000x2000の画像も72dpiの3000x2000の画像もブラウザ上では同じ表示になります。
つまり、画像の1pixcel＝画面の1dotです。

更にいうと、現在のWindowsのデスクトップは96dpiがほぼ標準になっていますがWindows2000までは72dpiが標準でした。これはモニターの物理解像度が向上した事が要因で、Windows2000までは1024x768が標準解像度の実質MAXでした。しかしWindowsXP以降になると1900x1600や縦768ドット以上のワイドモニターが一般的になり72dpiではデスクトップ上の文字サイズが小さくなるために96dpiになったモノと考えられます。つまり、1024x768 72dpiと1680x1050 96dpiとで文字の見かけ上の大きさがほぼ同じになるということ。
DTPでいうdpiとは意味合いが異なります。

Photoshopでは「Web用に保存」と言う機能がありますが、これで保存すると72dpiが基準になります。というか保存される画像にdpi情報は含まれません。元々JPEGには縦横のドット数以外の情報は記録されていなかったのですがExifが正式採用されてから記録されるようになっただけの話。
インターネットはExifが制定される前からあったし、画像を表示できるブラウザはExifが一般的になる前から存在してます。また、Exif情報を正式にサポートしたブラウザは今のところありません。と言うことはPhotoshopでDPIに拘っても無駄ということ。ブログに載せるのなら更に無駄である場合が多い。

ブログに投稿できる画像ではファイルサイズで制限をかけている場合が殆どだと思いますが、画像サイズで制限をかけているところは希だと思います。
つまり、Photoshopで縦横のピクセルサイズを変更してWeb用に保存すれば良いだけです。Web用に保存でなくても構いませんが、オリジナルに上書きすると後で泣く事になるので注意しましょう。

ここが一番重要ですが、やってみれば一目瞭然。
やる前に色々悩んでも不毛なだけです。
ブログにアップしなくてもブラウザに画像ファイルをドロップすればすぐに確認できるしね。dpiを色々弄ってやってみれば面白いですよ。

お礼

この度は多忙の中御返答いただきましてありがとうございます。

やっと皆様の言っている意味がわかりました。

親身になっていただき感謝しております。

本当にありがとうございました。

補足

多忙の中未熟な私にお付き合い頂きありがとうございます。

自分なりに解釈をしたのですが
>1200dpiの3000x2000の画像も72dpiの3000x2000の画像もブラウザ上で
>は同じ表示になります。
と言うことは、いくら高解像度（自分のカメラ設定は350dpiです）で撮影したとしても、ブラウザ上（ブログ上）では無意味と言うことでしょうか？

それから
>Photoshopで縦横のピクセルサイズを変更してWeb用に保存すれば良い
>だけです。
なるべく小さいサイズに設定して、解像度を９６dpiした方が綺麗な写真を見せれるということでしょうか？

大きい写真で迫力を選ぶか、小さい写真で綺麗を選ぶかと言うことになりますか？

間違っていたら、助言宜しくお願い致します。

回答No.1

kouun-takamura

pixelとdpiを混同しているようですね。
印刷解像度の300dpiの元データということですね。
ウェブに掲載する画像は72dpiに設定するのが普通です。そして必要な縦横サイズ（ピクセル）を決めてjpeg等で圧縮保存します。
フォトショップ上で倍率１００％表示させた時の大きさが実寸サイズとなります。
ウェブ用に保存メニューからＪＰＥＧに書き出せばそこでサイズも決められて大きさを確認できます。
解像度設定を維持したいなら別名保存から書き出してください。
もちろん、ウェブブラウザでの閲覧では解像度関係なくなります。

最近はブロードバンドが普及しましたが、昔は低速度回線でしたので50kb程度の画像が普通でした。
今でも500kbだとかなり重い画像ですが、そんな大きな重い画像を掲載したいのは何故でしょうか？

解像度とか専門的なことって難しいので、書籍などで勉強するといいと思います。

お礼

この度は多忙の中御返答いただきましてありがとうございます。

やっと皆様の言っている意味がわかりました。

親身になっていただき感謝しております。

本当にありがとうございました。

補足

こんばんわ。
多忙の中の御返答、誠に恐れ入ります。

３００dpiとは解像度のことですね。自分の書き方間違えていたようで申し訳ないです…

さて、ブログに画像は沖縄旅行や、夜景など、自分が撮影した物です。
なので

>今でも500kbだとかなり重い画像ですが、そんな大きな重い画像を掲載>したいのは何故でしょうか？

こちらの答えとして、なぜかと申しますと、折角大きな写真を撮って来たのに、小さく載せると迫力に欠けるのではないかな？と思いました。

それから
>ウェブに掲載する画像は72dpiに設定するのが普通です。
とありましたが、Web上というのは９６dpiが最高勉強したのですが…

自分の解釈間違ってますか？
宜しければ助言お付き合いください。多忙の中恐れ入ります。。。