• ベストアンサー
  • 暇なときにでも

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

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

共感・応援の気持ちを伝えよう!

  • 回答数5
  • 閲覧数173
  • ありがとう数4

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

  • ベストアンサー
  • 回答No.5

原因として私が思い付くのは2つです。 1つは、GIFに保存する際には、インデックスカラーと言うのにしなければならないのですが、 そのインデックスカラーに変換する際にミスッているパターン。 保存されたGIF画像をPaintshopで開いてみるとどうなりますか? キレイに見えていますか? たまにあるのが、作業中の RGBカラー(フルカラー)しか見ていなくて、インデックスカラー(最大256色)に変換された後を見ていない、 と言うパターンです。 GIF画像に使われるインデックスカラーと言うカラーモードは 最大で256色しか使う事ができませんので、微妙な中間色が増えると、格段に汚くなります。 例えば、使っているのは赤、青、黄の3色でも、それが グラデーションになっていたり、塗り分けのところなどは 減色した際に汚くなりやすい部分です。 もう1つは他の皆さんもおっしゃる様に、画像のサイズ指定が間違っているパターンです。 基本的に、ホームページに載せる画像は原寸で作り、 原寸で載せるのが鉄則ですね。 サイズ変更して載せると汚く見えます。特に、縦横比を 変えたりすると、悲惨な事になってしまいます。 止むを得ずサイズ変更する場合は、縦横比は変えずに 原寸の2分の1とか4分の1とかにしといた方がいいです。 =====Koka様===== 原寸で使用する際にも画像にサイズ指定しておいた方が良いと言うのは サイズ指定がしてあると、もし画像がダウンロードに失敗した際でも、 ブラウザが写真サイズのスペースを確保してくれるので、 ページのレイアウトが狂わない、と言うメリットがあるからです。 もちろん、その結果として、ページ全体の表示が早くなる事は考えられます。

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • Corel DRAW でGIF、JPG画像を

    Corel DRAW ESSENTIAL 4 を私用しています。 画像を作成し、GIF形式のファイルを作成したいのですが、上手くいきません。 説明書やHELPでは、[ファイル]→[webイメージの最適化]、とあるのですが ファイル内には[webイメージの最適化]、は表示されません。 ”エクスポート”で試みるのですが、何かいまいち上手くいきません。 Corel DRAW ESSENTIAL 4、あるいは3、 を使用して、gif画像の制作が分かる方 アドバイスをお願いできませんでしょうか よろしくお願いいたします。

  • 【Photoshop】アクションを利用し、容量・色数の違う画像を指定のサイズで書き出す事は出来ませんでしょうか?

    現在大量のGIFをアクションを利用して生成する作業を行っておりますが、容量に50kbの制限がある為、書き出し時のアクションにファイルサイズの最適化を組み込み、50kb以上にならないように出来ないかと考えておりました。 実際に作業してみると、ファイルサイズの最適化を行った際の色数がアクションとして保存されるだけでした。 (1)Aの画像でGIFを50kbで最適化を行い作成→色数100 容量50kb ↓ (2)(1)で保存したアクションをBの画像に適用すると→色数100 容量62kb 違う画像に対して同じ減色を行っても目的の容量で書き出せる訳ではないので意味がありません。 目的の容量で最適化してくれるソフトをかませる事も考えておりますが、工程が増えてしまいますので、何か方法がございましたら、どなたかご教授願えませんでしょうか。 宜しくお願い致します。 使用バージョン CS3

  • paintshopで画像の文字修正をするコツは?

    paintshop初心者です。 所持している画像データ(ピアノの発表会のプログラムをスキャンしたものです)の、テキストの部分をpaintshopで修正する必要があるのですが、なかなかうまくいかず困っています。 今やっているやり方は、画像内の文字の部分を選択ツールで選択(色は赤で画像の背景と同じ)してからdeliteキーで削除。その上にテキストツールで新たな文字を入力配置するというものです。 上記以外に何か良い方法があれば教えていただきたいです。 また、このやり方だと、連続して数か所の文字を選択削除しようとした時に、「現在のレイヤーの選択領域にデータがないため、操作が完了できません」というエラーが出てしまうため 一回一回上書き保存をして画像を開き直すという非常にめんどうなことをしています。 連続して作業をすることは不可能なのでしょうか? レイヤーについても知識がありませんが、データの容量は増やしたくないと思っています。 初心者でわかりにくい説明となり申し訳ありませんが、paintshopに詳しい方、ぜひご指導を願います。

その他の回答 (4)

  • 回答No.4

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

共感・感謝の気持ちを伝えよう!

  • 回答No.3
  • reis
  • ベストアンサー率46% (402/864)

色数が少なくてgifなら、それほどの劣化はないと思うの ですが、使っている色がぼやけたカンジの中間色等なら、 保存したり、ブラウザを通して見た時に、多少は劣化した ように感じるかもしれません。 paintshopでの描画の方法は詳しくないのですが、描画 する時点で色数を減らしたモードが選べるようでしたら 少ない色数で描くことは出来ないのでしょうか。 保存するときの色数に近い色で描画すると、減色して保存 したときの違和感は減ると思います。 あとは、保存時にディザを適用するかどうかでも多少違い ます。 KOH_daサマのおっしゃるように、画像サイズとは違う サイズをタグで指定すると、かなり劣化します。 この場合は正しいサイズを指定するようにして下さい。 読み込み速度が速くなるということはありませんが、 画像サイズの指定は、そのページ内での画像と文字の位置 関係をあらかじめ決めて表示してくれます。 指定サイズ分の空白を残し文字等を先に表示、あとから ゆっくり画像が表示されるようになります(訪問者に とっては、文字を読んでいるうちに画像も表示されます ので良いと思います)。 それをしないと、画像が表示されるたびに、文字の表示 位置がズレるように見えます。 一度保存したものをブラウザを通して見るということは、 多少の劣化はやむを得ないでしょう。 画像のタイプがわからないので(細い線を使っているとか いないとか、色は一色のベタ塗りだとかグラデがあるとか)、 何とも言えませんが、paintshopで作った画像をphoto shopで加工する人も多いので、加工ソフトの効果を使うと いうのもいいかもしれません。

共感・感謝の気持ちを伝えよう!

  • 回答No.2
noname#258
noname#258

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

共感・感謝の気持ちを伝えよう!

  • 回答No.1
  • KOH_da
  • ベストアンサー率31% (161/506)

タグに画像の大きさを指定する値を記述していて、 それが間違っているのではないでしょうか。 <IMG SRC="なんとか.gif" WIDTH=100 HEIGHT=50> で、この「WIDTH=」や「HEIGHT=」の値が、 画像本来のサイズになっていないのだと思います。

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • photoshop7「web用に保存」で色が変わる

    いつからか気になり出したのですが(以前は問題ありませんでした)、photoshop7で作成した画像をweb用に保存するとき、作成時の色より薄くなってしまいます。 jpg保存の場合は劣化などもありますので当たり前と思っていましたが、RGBで作成したものをgif形式で保存する場合もなのです。 「web用に保存」を選ぶと、元画像と最適化画像を計最大4つまで同時に表示出来ますが、「最適化」されていないはずの「元画像」の色まで薄くなっています。 実際、そのまま保存をすると、「web用に~」のプレビューと同じ、作成時より薄い色で保存されてしまいます。 何が原因でしょうか? また解決方法はありますでしょうか?

  • パワーポイントで作成した画像をホームページに

    パワーポイントで作成した画像(png形式で保存)をホームページに表示させることが目的なんですが、ブラウザで確認すると画像の周りを囲むように薄青い色がついてしまいます。 例えば保存時(パワーポイント上)の画像を○とすると、ブラウザには【○】のような感じで表示されます(実際は隙間なく青色が埋まっています) これはXP(以前?)のPCでは起こり、vistaのPCでは起こりません。 gif、jpg形式で保存すると再現性が低いため使えないと考えてます。 パワーポイントで作成した画像をpng形式で保存したものはvista以降のPCでしか囲む枠なしで表示できないのでしょうか? またパワーポイントで作成した画像の画質を落とすことなく、XPのPCでも枠のようなものもなしでブラウザに表示する方法があれば教えてください! よろしくお願いします。

  • 写真や画像の発色をよくする方法

    ウェブサイトに写真や画像を貼り付けるのですが、どうも発色がよくありません。くすんだ色になってしまいます。JPEGもしくはGIF形式で保存しています。他のウェブサイトを見ると容量の小さな画像でもとてもキレイな色で掲載されています。できるだけキレイな発色で画像を保存するためのテクニックなどをご存じでしたら教えてください!

  • ホームページ作成 デジカメ画像の編集

    初めてホームページ作成をしてます。 KODAKのデジカメから画像を取り込みたいのですが、 プレビューの時点で画像が表示されません。 付属の画像編集ソフトから保存したのですが(サイズはWebに最適化)このソフトウェアから 画像をホームページに載せることは出来ないのでしょうか? 申し訳ございませんがどなた様かご存知の方がいらっしゃったら 教えて下さい。お願いします。

  • イラストレーターで画像作成

    イラストレーターCS4を使用しています。 たて50ピクセル、よこ160ピクセルの画像データを作成したいのですが、 イラストレーターで作れるのでしょうか? (GIF、JPEGで、8キロバイト以下) イラストレーターは初心者に近いです。 ちなみにフォトショップ5.5もありますが、ほとんど使った事がないので、 出来ればイラストレーターで作れればと、思います。 わかりやすい説明をお願いします。

  • Illustratorで作成した画像の面積の測定

    いつもお世話になっております。 初めて質問いたします。 Win XP で Illustrator CSを使用しております。 画像の特定の色の面積を測定したいと思っています。 例えば、http://www12.plala.or.jp/python357/test.gif のような画像の色それぞれの面積です。 現在は、作成した画像をbmp形式で保存し、「画像から面積」という選択した色のピクセル数を数えるフリーソフトによって測定しています。 しかし、実際にはもっと複雑な形をしており、測定したい領域の数はもっと多いのです。(全て直線のパスで作成しており、ベジェ曲線はなし) 「画像から面積」でも時間をかければ測定することはできるのですが、境界部は色が混ざっており、正確な数値を得ることができません。 そこで、作成した任意のパスのアンカーポイイントから面積を測定し、その結果をテキストファイルに出力することは可能でしょうか?もし良い方法があれば教えていただけると幸いです。よろしくお願い致します。 スクリプトに関しては知識がないので、簡単なコメントをいただけると幸いです。

  • PHPで画像処理

    あるWebサイトにある画像を定期的に取得して,PHPで画像を処理をしてサーバーに保存するプログラムを作ろうとしています. 処理したい画像の形式はGIFです.特にGIFにこだわりはないので違うフォーマットに変換してから処理してもいいとは思っています. 画像処理と言っても,特定のRGB値のピクセルを画像中から探して,その座標を取得するという単純なものなのです. そんなに難しくなさそうなのですがどうやればいいかわからないのでどなたか教えていただけませんか? GDやImageMagickが使えるのかと思って動かしてみましたが,結局使えそうな関数がみつからず頓挫しています. どなたかよろしくお願いします.

    • 締切済み
    • PHP
  • HP作成で1×1ピクセルの画像の連続??

    HPの作成で、1×1ピクセルの画像をいわゆるループ的に無限に広げて使いたいのですが…どうしたら良いのでしょうか。 背景で使うのではありません。背景はすでにbackground属性での別画像があって、この背景画像の上に1×1ピクセルの画像を(背景画像と同サイズまでループ的に広げて)持ってきたいのです。 私がいう1×1ピクセルの画像とは透明gifのことです。いわゆる、背景画像をガードする目的ですね。 しかし、1×1ピクセルの画像を上に被せても、1×1ピクセルの画像のままで、ループ的に広がってくれません。ソフトはちなみにドリームウィーバーです。どなたかお分かりの方、宜しくお願いいたします。

  • HP作成中、画像が表示されない

    初心者です。 HP作成の入門書を読みながら、タグをちまちま と打っているような段階です。 画像を載せようと、 <img src="○○○"> の中に、「載せたい画像のファイル名.gif」 を入れて、html形式でファイルを開いたのですが、 画像は表示されずに「×」と表示されます。 スペースが入っていたり、半角でない文字が入っているのかなぁと思い、何度も見直してみたのですが、 間違いはありませんでした。 そして、違う画像ファイルで試してみたところ、その ファイルはすんなり表示されるのです。 2つともgifファイルで、違う点といえば、前者は 携帯で撮った画像をPCのアドレスに送り、gif ファイルに変換したもので、後者は知り合いのHP から画像をコピーしてきたものです。 どうしたら前者の画像を表示できるようになるのでしょうか・・。 お願いします。

  • WEB用の小さい画像がうまく作れません

    フォトショップやイラストレータなどでホームページで使用する家紋を作成したのですが、保存してプレぴゅーするとガタガタの画像になってしまいます。画像解像度を大きくしてHPの作成時にちじめたり、最初から小さくフォトショップなどで作成したり、保存形式をWEB用にしたりとしているのですがうまくいきません、編集中はきれいに見えるのですがなぜでしょうか?形式はGIFで保存しています。何か上手につくる方法がありましたらお教え願いますか。大きさ的には40ピクセルぐらいの丸い家紋を作りたいのですが基本的な良い作り方などがありましたらお願いいたします。※RGBで作成しています。

専門家に質問してみよう