作成したJPG画像が、PC上とブラウザ上で見るのとでは、ブラウザの方が荒くなります。

質問

作成したJPG画像が、パソコン上（Win画像とFAXビューア）で見るのと
ブラウザ上で見るのとでは、ブラウザの方が荒く見えます。
どうすれば、同じように表示できますでしょうか？
-------------------
ファイヤーワークス4を使用して画像を作っています。

グラデーションをかけた画像（jpg形式 圧縮率100）を作成し
ファイヤーワークス上、パソコン上（Win画像とFAXビューア）で
グラデーションが綺麗に表示されていることを確認し
その画像をホームページにアップしたところ、
グラデーションが荒く表示されてしまいました。

ブラウザ上でも綺麗に表示させたいのですが
何か良い方法はありませんでしょうか？

試しにこの画像をFlashに作り変えて
ブラウザで表示してみたところ、綺麗に表示されました。

でも、できればこのような方法でなく
jpgで綺麗に表示させたいと思っています。

アドバイスよろしくお願いします。

回答No.3

9950high

ファイヤーワークスで作成したデータを保存する場合
イメージプレビューでの画像のチェックはされているでしょうか？

ディザの部分をチェックをするとグラデーションが綺麗に
表示されると思います。

回答No.2

MAN_MA_RUI

例えばサイズが300x300の画像を200x200のサイズで表示させてるとかそんなんじゃないかな？
元画像のサイズを表示サイズと同一にしなければアウト。widthやheightでリサイズをかました場合ブラウザで表示したときの品質は悪くなります。
ブラウザとOSデフォルトのビューアでは多分描画方式と言うかシステムが異なるんでないかと思います。

お礼

リサイズはしてないです・・
回答ありがとうございます。

回答No.1

chie65536

jpeg画像をIEブラウザで直に表示（直に表示＝画像そのもののＵＲＬを指定して表示すること）すると、IEが勝手に「全体が画面内に収まるように縮小表示」します。

この「縮小表示」は「てきと～に小さくする」ので、グラデやメッシュが潰れて汚くなります。

「縮小表示」されている時に、画像の右下に重なって出る「拡大アイコン」を押せば、等倍で表示されます。

IEブラウザで直に表示せず「<img src=xxx width=xxx>」のように表示させると、勝手には縮小せずwidthで指定した幅で表示するので、<img>タグを使用して表示しましょう。

お礼

画像サイズは、高さ、幅ともにタグで指定していますので、
縮小表示はされていないです。
拡大アイコンも表示されていません。

http://okwave.jp/qa1415752.html
たぶん、上記質問と同様の問題だと思っています。

回答ありがとうございました。