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

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

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

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

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

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

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

No.3 回答者： 9950high 回答日時： 2007/11/19 10:39

ファイヤーワークスで作成したデータを保存する場合

イメージプレビューでの画像のチェックはされているでしょうか？

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

No.2 回答者： MAN_MA_RUI 回答日時： 2007/11/14 18:36

例えばサイズが300x300の画像を200x200のサイズで表示させてるとかそんなんじゃないかな？

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

この回答へのお礼

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

お礼日時：2007/11/14 19:37

No.1 回答者： chie65536 回答日時： 2007/11/14 14:28

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

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

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

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

この回答へのお礼

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

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

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

お礼日時：2007/11/14 15:01