作成した画像が汚れています（paintshop）

質問

paintshopでＷＥＢサイト用に100×50ピクセル程度の画像を作成したのですが、
gifの形式で保存して、サイトで表示させると、画像が少しにじんだり、少し汚れて表示されてしまいます。
説明書を読んで、最適化をしてみましたが、
やり方が悪いのか、画像が良くなりません。
（paintshopで作成している時はきれいです。
色は２，３種類しか使用していません）

なにか心あたりがお有りの方がいらっしゃいましたら、教えていただけませんでしょうか？
お願い申し上げます。

回答No.5

kenkenkent · ベストアンサー

原因として私が思い付くのは2つです。
1つは、GIFに保存する際には、インデックスカラーと言うのにしなければならないのですが、
そのインデックスカラーに変換する際にミスッているパターン。
保存されたGIF画像をPaintshopで開いてみるとどうなりますか？
キレイに見えていますか？　たまにあるのが、作業中の
RGBカラー（フルカラー）しか見ていなくて、インデックスカラー（最大256色）に変換された後を見ていない、
と言うパターンです。
GIF画像に使われるインデックスカラーと言うカラーモードは
最大で256色しか使う事ができませんので、微妙な中間色が増えると、格段に汚くなります。
例えば、使っているのは赤、青、黄の3色でも、それが
グラデーションになっていたり、塗り分けのところなどは
減色した際に汚くなりやすい部分です。

もう1つは他の皆さんもおっしゃる様に、画像のサイズ指定が間違っているパターンです。
基本的に、ホームページに載せる画像は原寸で作り、
原寸で載せるのが鉄則ですね。
サイズ変更して載せると汚く見えます。特に、縦横比を
変えたりすると、悲惨な事になってしまいます。
止むを得ずサイズ変更する場合は、縦横比は変えずに
原寸の2分の1とか4分の1とかにしといた方がいいです。

=====Koka様=====
原寸で使用する際にも画像にサイズ指定しておいた方が良いと言うのは
サイズ指定がしてあると、もし画像がダウンロードに失敗した際でも、
ブラウザが写真サイズのスペースを確保してくれるので、
ページのレイアウトが狂わない、と言うメリットがあるからです。
もちろん、その結果として、ページ全体の表示が早くなる事は考えられます。

回答No.4

shigatsu

自分のＰＣ上で、その画像をいきなりブラウザにドラッグ＆ドロップで表示させてみたらどうなりますか？
それで綺麗に表示されるとしたら、ＨＴＭＬの書き方の問題でしょう。実際のサイズ以外のサイズが指定されているのだと思います。

回答No.3

reis

色数が少なくてgifなら、それほどの劣化はないと思うの
ですが、使っている色がぼやけたカンジの中間色等なら、
保存したり、ブラウザを通して見た時に、多少は劣化した
ように感じるかもしれません。
paintshopでの描画の方法は詳しくないのですが、描画
する時点で色数を減らしたモードが選べるようでしたら
少ない色数で描くことは出来ないのでしょうか。
保存するときの色数に近い色で描画すると、減色して保存
したときの違和感は減ると思います。
あとは、保存時にディザを適用するかどうかでも多少違い
ます。

KOH_daサマのおっしゃるように、画像サイズとは違う
サイズをタグで指定すると、かなり劣化します。
この場合は正しいサイズを指定するようにして下さい。
読み込み速度が速くなるということはありませんが、
画像サイズの指定は、そのページ内での画像と文字の位置
関係をあらかじめ決めて表示してくれます。
指定サイズ分の空白を残し文字等を先に表示、あとから
ゆっくり画像が表示されるようになります（訪問者に
とっては、文字を読んでいるうちに画像も表示されます
ので良いと思います）。
それをしないと、画像が表示されるたびに、文字の表示
位置がズレるように見えます。

一度保存したものをブラウザを通して見るということは、
多少の劣化はやむを得ないでしょう。
画像のタイプがわからないので（細い線を使っているとか
いないとか、色は一色のベタ塗りだとかグラデがあるとか）、
何とも言えませんが、paintshopで作った画像をphoto
shopで加工する人も多いので、加工ソフトの効果を使うと
いうのもいいかもしれません。

回答No.2

noname#258

下のKOH_daさんのご回答に補足ですが、

画像タグ＜img src＞のサイズ指定ですが、私は当初、
“サイズ指定（もちろん本来のサイズで）をしておいた
ほうがブラウザで見る時の表示速度が速くなる”と本などで
読んだため、必ずつけるようになったのですが、以前ここでの
質問・回答等では“サイズ指定しなくても読み込み速度は
たいして変わらない”ということを伺いました。

本当のところはどうか知らないのですが、サイズ指定して
あれば一度それらを消してみてはいかがでしょうか？

回答No.1

KOH_da

タグに画像の大きさを指定する値を記述していて、
それが間違っているのではないでしょうか。

＜IMG SRC="なんとか.gif" WIDTH=100 HEIGHT=50＞

で、この「WIDTH=」や「HEIGHT=」の値が、
画像本来のサイズになっていないのだと思います。