• ベストアンサー
  • 困ってます

PhotoshopでWeb用保存の解像度は72?

Photoshop 6 を使用しています。 Webサイト制作で使いたい写真をPhotoshopで切抜いて、「Web用に保存」する際の、途中段階で解像度は上げるべきかどうかについての質問です。 今やっている手順としては次の通りです。 (1) 自分で撮った写真をPhotoshopで開く。(解像度を確認すると72pixel/inchと表示されています。) ピクセル寸法      幅 1600 pixel        高さ 1200 pixel ドキュメントのサイズ  幅  56.44 cm      高さ  42.33 cm 解像度     72 pxel/inch (2) 被写体(マグカップなど)の外周に沿って切り抜く。 (3) (1)と同じ状態の各数値のまま「別名で保存」する (Photoshop *PSD *PDD 形式で) (4) 外周をなくす為トリミングする「イメージ」⇒「トリミング」 各データは次のように変わります。 ピクセル寸法       幅 1089 pixel       高さ 966 pixel ドキュメントのサイズ   幅  38.42 cm       高さ 34.08 cm 解像度     72 pxel/inch (5) つづいて、写真の大きさを実際にWebサイトのページに掲載する大きさに変えます。   「イメージ」⇒「解像度」で「縦横比を固定」 「画像の再サンプル」にチェックを入れて   「バイキュウービック法」(元からこれになっていた為)を選択して 、    ドキュメントサイズを自分で決めた大きさの幅8cmに指定します。   8cmに変えると、各数値は次のように変わりました。 ピクセル寸法       幅  227 pixel        高さ  201 pixel ドキュメントのサイズ   幅   8 cm           高さ   7.1 cm 解像度     72 pxel/inch (6) (5)の状態で「Web用に保存」しました。   形式はjpegで、きれいに見せたいので最高画質または、値の指定を100にしました。   切抜いていますが、GIF形式ではないので透過できない為、「マット」で下地の色と同じ色を指定しました。 現在、このような流れで写真を切抜いて、Web用に保存しています。 【 質 問 】 上記(5)の段階で、「画像の再サンプル」にチェックを入れて、「解像度」の欄を350と入力すると次のようになります。 ピクセル寸法        幅 1102 pixel       高さ  978 pixel ドキュメントのサイズ    幅 8 cm        高さ  7.1 cm 解像度     350 pxel/inch ( 350というのは、紙に印刷する際に350にしていたので72よりもきれいにする為には350かな?と思いこの値を入力しました。) 解像度は 72 pxel/inchのまま、350 pxel/inch のどちらにするのがよいでしょうか? 一般的にはこう・・・で、例外として・・・場合もある、など、教えてください。 また、これ以外に上記の流れの中で、おかしなやり方をしていたら、ご指摘ください。 よろしくお願いします。  

共感・応援の気持ちを伝えよう!

  • 回答数4
  • 閲覧数6052
  • ありがとう数5

質問者が選んだベストアンサー

  • ベストアンサー
  • 回答No.4
  • dezimac
  • ベストアンサー率56% (2365/4208)

> pixel寸法の欄にpexelの値を入力して そうです。 > 実際の長さがわかるという理由 > 必要な写真の大きさを的確につかむ為に 初期のMacintoshではモニタ解像度も72dpiで固定されていて、72ピクセル線を書いてやるときっかり1インチ(2.54cm)になりました。 当時としてはプリンタの解像度を72dpiにすると画面上がサイズも全てそのまま印刷出来て便利。 今のモニタは解像度(dpi)はバラバラで同じ大きさで表示される事はまずありません。 同じ12インチでも800×600のもあれば、1024×768以上のもあります。 1cmとかで作ってもそれは印刷すればそのサイズにはなりますが、画面上ではそうではないです。 画面に定規を当ててみれば分かりますよ。 余程厳密に設定されたブラウザ&画像の大きさをCSS利用してcmやinchで指定でもしていない限りは、実際のサイズとは程遠い大きさになります。 ブラウザ上では原則 ピクセル寸法で表示されるから、ドキュメントサイズで指定しても意味が無いし、dpiをちょっと変えるだけで表示される大きさも大幅に違ってきます。 ですから、貴方が綺麗だろうと思っていた350dpiで、8×7.1cm(拳程度)の画像を作ると, ブラウザ画面上では1102×978 pixelと画面いっぱいのサイズになります。 72dpiなら予想していたのに近いかもしれないけど、それでも8×7.1cmにはなりません。 ピクセル寸法で指定した方がより分かりやすいです。 Photoshop等で等倍(100%)表示した時のサイズがそのまま利用される訳ですから。 解像度が指定(固定)されている印刷関係(DTP)であれば、貴方のやり方は正しいですが、Webでは通用しません。 失礼かもしれませんが、Web作っている人は解像度(dpi)?ドキュメント寸法にcm?という人の方が多数で、貴方のようなやり方は稀でしょうね。 ↓以下が参考になるかな? 解像度/同人野郎のためのWEBサイトづくり http://rinrin.saiin.net/~aor/hms/reso

共感・感謝の気持ちを伝えよう!

質問者からのお礼

追加の質問へ返信いただきありがとうございます。 書かれていた事を実際にやってみて、理解できました! 1回目の回答を受けた後はドキュメントのサイズ(cmなど)ではなくpexel寸法(pixel)で入力すべきだと知ることができましたが、画面に表示される時の大きさのイメージをpixelからどうやってつかむのかわかっていませんでした。 8×7.1cmの画像を72dpi, 350dpiそれぞれで作ってみると、72dpiの方はほぼ実際と近い大きさになり、 350dpiの方は画面いっぱいの大きさになってしまい、あらためて解像度、ドキュメントサイズ、画面で見えるサイズの関係を理解しました。 いままであまりにも無頓着でやっていました。 また、決め手は、『ピクセル寸法で指定すれば、Photoshop等で等倍(100%)表示した時のサイズがそのまま利用される。』という言葉でした。 いままで、PhotoshopでCtrl, Alt, スペースのキーで倍率を何気なくカシャカシャ変えて使っていましたが、今何パーセントの表示で見ているのか意識していませんでした。 Photoshopで100%の画面にして、それをWebページを見ている大きさだと意識して、そのままの見た目でPixelを増減させて、良いと思った大きさに決めればそれがネット上でも(同じパソコンのディスプレイなら)おなじ見た目になるという事を理解できました。 「同人野郎のためのWEBサイトづくり」も拝見しましたが、わかり易く、他にもためになる項目があり、とても勉強になります。 このたびは色々とご指導いただき、どうもありがとうございました。

関連するQ&A

  • Photoshopの解像度について

    Photoshopで画像を編集しているとき、ドキュメントサイズで幅と高さを設定しているのですが、 どうも設定した大きさより小さく表示されています。 そこで、解像度を72pixel/inchから86pixel/inchにした所、きっちり設定した大きさで表示されました。 これはつまり、解像度72pixelの状態で画像を保存し印刷すると、Photoshopで編集していた時よりも画質が落ちるという事ですか? 逆に、86pixel/inchで初めから編集し直せば、綺麗に印刷されるでしょうか? 分かり難くて申し訳ありません;

  • 印刷用データの画像解像度が低すぎると・・??

    会社の雑誌広告を依頼しましたら「完全データで入稿して下さい。」と言われた為、フォトシャップCSとイラストレーターCS(Win)で作っています。 参考本やサイトで調べたりして作っているのですが、画像解像度は350~400とよく書かれています。 しかし、手元の写真資料で元サイズが小さい物もあり、幅34mmで写真を使いたい場合、フォトショップで画像解像度を設定すると、 ・ピクセル数 幅134pixel 高さ102pixel ・ドキュメントのサイズ 幅34.04mm 高さ25.91mm 解像度100pixel/inch となり、解像度が低いです。この解像度ではやっぱり印刷しても粗かったり、ぼやけたりするのでしょうか? また写真資料が16点あり、元サイズがバラバラなので、解像度も100pixel/inchや400pixel/inchなどバラバラです。これもよくないのでしょうか? 初めてだけに、とても心配です・・。 宜しくお願い致します。

  • PhotoshopでPSD/DDD保存とEPS保存の品質に差がある?

    PhotoshopCS3で、同じ写真をレタッチなどしないでそのまま、次のように2種類の保存をしました。 ファイル→別名で保存→PhotoshopPSD/PDD形式、で保存。 ファイル→別名で保存→PhotoshopEPS(*EPS)形式 で保存。 その結果、EPSで保存したものの方が明らかに粗い画像になりました。 【質問】 EPS形式の保存は、粗くなるのでしょうか? 何かやり方が悪かったのでしょうか? どこか設定を変えたりすると、PSD/PDDと同等になるのでしょうか? 【元の写真の数値】 ピクセル数     幅 約2300ピクセル   高さ 約3500ピクセル ドキュメントサイズ 幅 約820mm       高さ 約1200mm 解像度        72pixel/inch  【その他】今後、(レタッチしたものを)EPSで保存する必要があり、試験的にやってみてわかりました。 よろしくお願いします。

その他の回答 (3)

  • 回答No.3

72dpi これは、以前のmacintosh(マック)で使用されていたモニタの解像度が、モニタサイズにかかわらず、72dpiに固定されていたことによるものです。 現行モニタは解像度が統一されていませんので画像解像度は何でもいい(決められない)ということになります。 「管理がしやすいようにビューアなどの解像度は72dpiだということにしましょう」ということです。 350dpi これは、紙などの媒体に印刷したときの画素(ピクセル)サイズで、肉眼視限界の一番大きいピクセルサイズが300ppiだったことによるものです。(現場ではスポットサイズやインク滴サイズのdpiではなく、ppi:ピクセルパーインチです。) WEB表示ではモニタ解像度に依存する表示なので、ダウンサンプルされた表示になってしまいます。 せっかく作った72dpiの画像でも、ページに2倍に拡大して貼り付けるとそれだけで36dpiになりますが、ビューアの補正で72dpiになりボケます。 結局は、どんなものでもモニタに表示されてしまえばすべての表示がモニタ解像度のピクセル(画像画素サイズ=モニタ画素サイズ)になっているということです。72dpiで貼り付けておけばモニタ画素サイズと一致するので綺麗なのです。 実際には「Web用に保存」とは等倍貼付用の最終成果物ということなので、解像度を高めに作っておき、高機能WEB編集ソフトでの機能で最終的に自動で72dpiにするというのが最善ではあります。 長くなってしまいました。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

(中途半端とも思えた)72dpiという数値が、昔のマッキントッシュのモニタの解像度から由来していて、また、350ppiは印刷物を見たときの肉眼視限界の一番大きいピクセルサイズが300ppiで(それに余裕をもたせた数値で)ある、とのお話、興味深いです。 ・ 現行モニタは解像度が統一されていない。⇒画像解像度は何でもいい(決められない) ・ 管理がしやすいようにビューアなどの解像度は72dpiだということにしましょう、ということになっている。 ・ 結局は、どんなものでもモニタに表示されてしまえばすべての表示がモニタ解像度のピクセルになっている。 色々と教えていただき、どうもありがとうございました。

  • 回答No.2
  • dezimac
  • ベストアンサー率56% (2365/4208)

解像度(dpi)は1インチ(2.54cm)を何個点で表現するかという意味です。 印刷物なら点の密度が高い=解像度が高い方が綺麗に見えます。 72dpiだと点々が見えますが、300dpi以上だった肉眼ではなかなか区別できません。 Webページ等モニタ上で見るものは、ハッキリ言って解像度を無視して構いません。 350dpiだろうが72dpiだろうがそのピクセル数で表示されるので関係ないです。 極論、1dpiにしても画面上で見る限りは画質は全く変わりません。 webページで利用する画像は72dpiで利用したいピクセル寸法にして下さい。 印刷するなら、300~350dpiでドキュメントサイズを設定。 画像の再サンプル」にチェックを入れて「バイキュービック法」で。 「バイキュービック法」は他よりも演算に時間がかかるけど、ピクセル補完する事でいくらかは綺麗に拡大縮小できます。

共感・感謝の気持ちを伝えよう!

質問者からの補足

とてもわかりやすく解説していただき、ありがとうございます。 72pixel/inchのままやっていくようにします。 特に 『極論、1dpiにしても画面上で見る限りは画質は全く変わりません。』 この原則を頭にいれておきたいと思います。 すみませんが、『72dpiで利用したいピクセル寸法にして下さい』 について教えてください。 これは、ドキュメントサイズを入力するのではなく、pixel寸法の欄にpexelの値を入力して、ドキュメントサイズの幅と高さのcmはそれに伴って自動的に与えられるものを使うということでしょうか? 私はいつも実際の長さがわかるという理由で、ドキュメントサイズの縦横の長さでcmで指定していて、ピクセル寸法はそれに伴って自動的に表示されるままに使っていました。 Webサイトのページに写真を配置した後は、それを拡大縮小しないでその大きさをそのままページ上に使うようにしている為、その必要な写真の大きさを的確につかむ為にやっていました。 すみませんが、ピクセル寸法を指定する、事について私の認識の間違いを教えてください。

  • 回答No.1

72のままでいい 350dpiにする必要は無い 大きくなってますよ、それでもいいんですか?(^_^; 例外も無い 切り抜きツールのオプションのピクセル寸法を指定しておけば 1→5と一気にできます

共感・感謝の気持ちを伝えよう!

質問者からのお礼

72pixel/inchで良いのですね。 物の輪郭で切り抜く事が多かったので、ペンツールをよく使っていましたが、「切り抜きツール」で数値を指定して必要な部分を四角形に選ぶ、というのも良い方法ですね。 どうもありがとうございました。

関連するQ&A

  • Photoshopでの画像の解像度とサイズ変更

    Photoshopの作業での質問です。 幅885.9mm×高さ1240.3mm(8859pixel×12403pixel)、解像度254pixel/inchの地図画像を、印刷用のために幅170mm×高さ240mm、解像度360pixel/inchに変えようとしています。 画像解像度からサイズと解像度を一度に変更すると、画像がかなりぼやけ、地名や等高線などが読めなくなってしまいます。 (縦横比を固定、画像の再サンプルにはチェック入り) 解像度のみの変更ですとぼけずにできるのですが、その後サイズを変更するとまたぼけてしまいます。これを画像の鮮明さをそのままに、サイズと解像度を変える方法を教えて下さい。よろしくお願いいたします。

  • 解像度

    サイズが幅375pixel 高さ500pixel 解像度72の写真画像があるのですが、ファイルメニューから新規にファイル(サイズが幅878pixel 高さ980pixel 解像度300pixel/inch)を作成してコピぺでその写真画像を貼り付けると、だいぶ小さくなりなりました。 新規ファイルに合うようにサイズを調整したいのですが、極端におおきくなりすぎたりうまくできないです。どういうふうに設定したらうまく調整できるのでしょうか? よろしくお願いします。

  • フォトショップによる画像解像度変更について

    イラストレーター10でフライヤーを作成し、そこで使う写真を フォトショップ6で加工しています。 以下の方法で行うと画像解像度の変更でジャギが出てしまうので、 出ないようにするにはどうすればいいか教えてください。 手順 画像解像度のダイアログを表示し、 「画像の再サンプル」のチェックを外す→業者で印刷するため、解像度を「350pixel/inch」に変更→画像の再サンプルのチェックを入れる→ドキュメントのサイズを2cm×1.3cmに変更 (この段階でピクセル寸法は276pixel×183pixel) この方法で写真を小さくし、イラレに配置すると、 どうしても画面上ジャギーが出てしまいます。 印刷する段階では問題ないのでしょうか? 2cm×1.3cmのサイズを保ったまま、 きれいな画像の状態で印刷する方法を教えてください。 どうかよろしくお願いします。

  • フォトショップで、解像度が異なる

    会社の仕事で、デジカメの写真データを フォトショップで加工しようと思います。 家のPCには、フォトショップエレメントが入っています。 それで、画像解像度を見たところ、72pixel/inchでした。 画像サイズは、640×480pixelです。 この写真データを会社に持っていきました。 会社のフォトショップはバ―ジョン7です。 会社で写真の画像解像度を調べたところ、150pixel/inchでした。 画像サイズは同じでした。 なぜ、同じデータで、このようなことが起きるのでしょう? フォトショップの種類の違いでしょうか? そんなことが理由だとは思えないのですが。 御存知の方、いらっしゃいましたら、回答お願いします。

  • 画像解像度のピクセル数が変えられなくて困っています

    デジカメで撮ったものを、パソコンのマイドキュメントに取り込み、photoshop Elements 5.0 で加工などをしようとしたのですが、取り込んだ画像が大きすぎて変更のやり方が分かりません。。。 現在のピクセル数は、 幅:2560 pixel 横:1920 pixel です。 幅・横共に、600 pixel位に変更したいのですが、どうやって変えるのか教えて下さい。 イメージ→サイズ変更→画像解像度でやると、ドキュメントのサイズは変えられますが、ピクセルは変えることができません。 取り込んだ画像自体を変える方法を教えて下さい。あと、600 pixel前後にしたい時は、解像度はどの位がいいのでしょうか? よろしくお願いします。

  • Photoshop Elementsによる写真の合成

    Photoshop Elementsで写真を合成(重ね合わせる)する際の基本的な考え方をを教えてください。 Aの写真(Pixel数---幅:156Pixel/ドキュメントのサイズ---幅:55.03mm/解像度:72Pixel/inch)を下地にしてBの写真(Pixel数---幅:315Pixel/ドキュメントのサイズ---幅:20mm/解像度:400.125Pixel/inch)(いずれも幅のみ書いています)を重ねようとしたのですが、Bの写真のほうが圧倒的に大きくて予想したものとはまるで違います。 一般的に写真を合成する際の両者の写真のベースを合わせる基準は何なのでしょうか。 つまり分数の足し算をするには分母を同じ数にしなければなりませんが、写真を合成する場合も2枚の写真の基礎数値が異なるために、分母に相当する何かがあるのではないかと思った次第です。 よろしくご教授の程お願いします。

  • 【スキャナ】サイズと解像度について

    とあるサークルにイラストをデータ入稿しようと考えています。 そのイラストの規定が、 <郵送の場合> ●縦9cm 横7cm <オンライン投稿の場合> ●モノクロ2階調、解像度は600dpi ●原寸サイズピッタリ と、あります。 データ入稿したいので、スキャナで取り込んだものをフォトショップで加工しようと思ったのですが、 スキャナで取り込んだ画像がすごく大きく表示されてしまいます。 これは、あっているのでしょうか? また、ピッタリ9×7cmに取り込む事ができません。 スキャナの画面で、 モノクロ、解像度600dpi、原稿サイズ 幅70.0 高さ 90.0mmと指定しても 幅68.6 高さ 88.2mmとなってしまいます。 そして、その画像をフォトショップで開いてみると、 ピクセル数:429.4K  幅   1652pixel  高さ  2124pixel ドキュメントのサイズ:  幅   69.92mm  高さ  89.9mm  解像度 600.125pixel/inch と、なっています。 これは、規定違反でしょうか?  初歩的なことかもしれませんが、 アドバイス、解決法をお待ちしております。

  • 低解像度96dpiでの印刷は厳しいのでしょうか?

    手元にある写真データですが・・・ 写真サイズ:幅780mm(2950pixel)×高さ554mm(2094pixel) 解像度:96pixel/inch ・・・をA2サイズポスターで、上の写真サイズより縮小(524×372mm)して使うのですが 96pixel/inchの解像度で印刷は可能でしょうか? モニターやレーザープリンター出力で見ると、そんなに悪く無い感じですが・・・。 やはり、350dpiに解像度を上げる必要があるのでしょうか? だれか、教えてください。

    • 締切済み
    • Mac
  • Photoshopでデジカメ画像のトリミングのときの解像度選択は?

    パソコンに附属で入っていた「Photoshop Elements2.0」を使って、 800万画素のデジカメ1眼で撮った写真を少しだけトリミングしたいと思います。 最終的には、A4サイズでプリントした際に、もとの画像のきめ細かさは100%キープしたままプリントすることが目的です。 画像解像度などはすべてそのままで トリミングだけしたいのですが、 その場合、以下のことが疑問です。 Photoshop Elementsで画像を開き、ためしに「イメージ」→「サイズ変更」→「画像解像度」を開くと、「ドキュメント」のところの「解像度」が「72pixel/inch」になっています。 以下質問です。 (Q.1)ネットにあった画像など粗い画像でも、デジカメの重たい画像でも、どんな解像度の画像を開いても、「サイズ変更」→「画像解像度」を見てみると、「解像度」が「72pixel/inch」になっているようなのですが、なぜなのでしょうか。 (Q.2)この「解像度」を変更をしない(72pixel/inch)まま、トリミングやその他色の補正など画像の加工をして保存すると、画像は72pixel/inchになってしまうのでしょうか。 (Q.3)目的は、A4サイズの用紙に、もともとの画像のきめ細かさをキープしてプリントすることですが、その場合、「解像度」は300pixel/inchなどに変更する必要がありますか? もしそうならば、すべての画像を開くたびに、いちいち「解像度」を300にしないといけないのでしょうか。

  • フォトショップで画像をレイアウトすると入れた画像ボケる

    フォトショップ7を使って 幅 :19センチ 高さ:21センチ の中に撮影した画像を入れたいのですが 入れる画像の画像解像度のドキュメントサイズは 幅 :812.8mm 高さ:1219.2mm 解像度:72pixel/inch 画像の再サンプル バイキュービック法 これを 新規の 幅:190.15mm 高さ:202.14mm 解像度:72pixel/inch 画像の再サンプル バイキュービック法 に入れたいが 入れると画像が大きすぎるので 入れる画像の縦横比を固定して 高さを80mmにして 新規の中に入れると 入れた画像がボケます。 どうしてボケるのでしょうか?