-PR-
解決済み

作成した画像が汚れています(paintshop)

  • 暇なときにでも
  • 質問No.10221
  • 閲覧数151
  • ありがとう数4
  • 気になる数0
  • 回答数5
  • コメント数0

お礼率 16% (8/50)

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

なにか心あたりがお有りの方がいらっしゃいましたら、教えていただけませんでしょうか?
お願い申し上げます。
通報する
  • 回答数5
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

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

  • 回答No.5
レベル13

ベストアンサー率 30% (565/1854)

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

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

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

その他の回答 (全4件)

  • 回答No.1
レベル12

ベストアンサー率 31% (161/506)

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

<IMG SRC="なんとか.gif" WIDTH=100 HEIGHT=50>

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


  • 回答No.2

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

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

本当のところはどうか知らないのですが、サイズ指定して
あれば一度それらを消してみてはいかがでしょうか?
  • 回答No.3
レベル13

ベストアンサー率 46% (402/864)

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

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

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

ベストアンサー率 26% (511/1924)

自分のPC上で、その画像をいきなりブラウザにドラッグ&ドロップで表示させてみたらどうなりますか?
それで綺麗に表示されるとしたら、HTMLの書き方の問題でしょう。実際のサイズ以外のサイズが指定されているのだと思います。
このQ&Aで解決しましたか?
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,500万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A
-PR-
-PR-
このQ&Aにこう思った!同じようなことあった!感想や体験を書こう
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


専門家があなたの悩みに回答!

-PR-

ピックアップ

-PR-
ページ先頭へ