フォトショップエレメンツの画像サイズについて（ＷＥＢ用）

質問

スキャナで取り込んだ画像（パンフレットなど）を
ＷＥＢに載せたいと思っています。重たいと困るの
ですが、画質が荒すぎても困ります。

画像サイズも１つではなく、ラジオボタンで
「大・中・小」と３パターンあるのですが、
どのようにすれば重たすぎず、且つ画質がきれいに
見えるのでしょうか？
ちなみに自分の考える「小」サイズで保存した場合、
そのサイズのみきれいに映り、中・大にすると
ものすごく画質が荒れました。

環境は
ＷｉｎＸＰ、フォトショップエレメンツ２，０、
スキャナはＣａｎｏｎＰｉｘｕｓＭＰ７００に
なります。
ここでつまづいてしまい、ＨＰ製作が思うとおりに
はかどりません。ぜひご回答をお願いいたします。

回答No.2

shungai · ベストアンサー

的を外した回答かもしれませんが…
１つの画像をHTMLのサイズ指定で「大・中・小」と拡大（縮小）して表示しようとしていませんか？
「小」サイズの画像を単純に拡大すれば当然荒れて見えます。
通常このような場合は「大・中・小」それぞれの画像が必要となります。Photoshopではイメージメニューの中の画像解像度で「大」サイズから制作してみましょう。

高めの解像度（200dpi）でスキャニングしたPhotoshop（.psd）画像を開き、
1.トリミング＆色調補正
2.イメージ→画像解像度で「画像の再サンプル」チェックを外し、解像度を72dpiに
3.「画像の再サンプル」チェックを入れて、目的のサイズを指定（ピクセル数やcmで）
4.目的のファイル形式で保存
※２のメニューは多少ちがう場所かもしれません
※２の前の段階で一度保存しておくと後で修正するとき楽です

保存した「大」画像をもとに３、４の作業で「中」「小」を作り、別名保存。これで３種類の大きさの画像ファイルを作成できるかと思います。

JPEGの圧縮率を高める、カラーモードをインデックスカラーにする、などで重くない画像をつくれるかと思います。
違ってたらゴメンナサイ（^^;）

参考URL：

http://support.adobe.co.jp/faq/faq/qadoc.sv?222848+002

お礼

ご回答ありがとうございました。
手間は掛かりますが、３回スキャンすることで、
画像の件はクリアになりました。

恥ずかしながら、アドビのＦ＆Ｑは見たことが
ありませんでした。何せ取扱い説明書がさっぱり
解らなかったものですので・・・。これからは
質問前に参考にしたいと思います。
細かい説明のおかげで、ＨＰ製作も前進しました。
本当にありがとうございました。
またお礼が遅くなり、申し訳ありませんでした。

回答No.1

mucho

どの辺が問題なのかよく分かりませんが、普通にやればいいんじゃないですか？

（画像の作り方）
１．スキャンする
Web用ですから解像度は72dpiにして普通に取り込みます。

２．サイズ合わせする
Photoshop elementsでお好きなサイズに調整します。
例えばここでサイズ（大）を作ったら、あと２回同じ画像をスキャンしてサイズ（中）、（小）を作ります。

～なぜ３回も同じ画像をスキャンするのか？？～
はっきり言って気持ちの問題です。最初の画像（例えばサイズ大）をJPEGで保存してしまって、それを元に後からサイズ（中）、（小）を作ると圧縮をさらにかけることになるので画質は多少粗くなります。元々72dpiという最低画質の画像を使っているのでJPEG圧縮を何度もかけて画質低下は避けたいところです。

こういうことではないですか？？外していたらすいません。

お礼

ご回答ありがとうございました。
手間は掛かりますが、３回スキャンすることで、
画像の件はクリアになりました。

初めにプログラムを組んだので、画像をそれに
合わせようとしていたのですが、根本的に
間違っていたようです。プログラムを修正した
結果、納得のいく画像になりました。
本当にありがとうございました。
またお礼が遅くなり、申し訳ありませんでした。

補足

muchoさん、早速のご回答ありがとうございました。
先ほどの書き込みの補足ですが、フレームページ内で
画像の大きさを３つ用意しています。リンクで違う
ページに飛ぶのではなく、フレーム内で変化をさせて
います。（例）
<IMG src="img/***.jpg"

フレーム上がラジオボタンのあるコントロール
画面で、フレーム下が画像の画面になっています。
（解りにくくてすみません。）

このような場合は、画質を保つことは出来るので
しょうか？お手数ですが、再度教えていただけたら
幸いです。