gif画像の背景

質問

イラストレーターでボタンを作り、フォトショップでウェイブ用に（gif）に変換してキャラクタを作成しました。
実際にＨＴＭＬに組み込む時に問題が発生しました。

１．背景が紫なのですが、gif画像を挿入時にgifの回りに白い線が出てしまう。
２．フォトショップでデェィザ処理を１００％にして見ましたらあまり変りませんでした。
３．マットの色を同系の色にしたのですが、あまり変らない
４．四方八方にふさがれた状態です。

どうか教えて頂けないでしょうか　？

回答No.4

jakarta

IllustratorとPhotoshopのバージョンがいくつかわかりませんが、
たぶんPhotoshopのキャンバスの方へコピペ(読み込み)したときにフチが残ると言うことではないかと思います。
編集＞トリミング　でフチがさくっととれるとはずです。

回答No.3

noname#225520

Illustratorでボタンを制作する最初の時点で背景色をhtmlのバックグランド・カラーと(Ex.#FFFFFF→255,255,255)全く同一にします。もちろんRGBで制作してください。これをPhotoshopで読み込み、画像の統合、72dpiに変換してから「インデックスカラー」「使用中の色を全て割り付ける」で変換します。これをgif89aフォーマットで透明化して出力すればOKです。

回答No.2

misoka

状況がよく見えないので何とも言えませんが...
まず、gifというのは、基本的に256色までという制限があります。
そのため、白っぽい色（明度の高い色）は白に変換される
可能性はあるんじゃないかと思います。

この場合、pngなどの画像フォーマットにすれば、いちおう
解決されるはずです。（pngフォーマットで構わなければ）

また、gifというのは、透過gifでしょうか？
アンチエイリアスがかかっているために、透過gifの画像の周囲が
白くなってしまう、というケースは多いのですが...
でも、これは、3.ですでに対処しているのでしょうか？

回答No.1

Darkmiffy

ボタンにするという事は<A>タグでボタンを挟んでいるって言う事ですよね？
　そうすると、<img>タグにborder="0"という属性を付けてあげないと、<A>タグで挟まれた画像の周りに線が出てしまいます。
　それが原因でない場合はちょっと解りません。一度確認してみてください。

お礼

回答して頂き本当にありがとうございます。
回答内容を確認してみましたがどうやら違うようです。
また、ＨＴＭＬのタグの問題ではなく画像作成時のコツがあるという事だと思われますが、謎が分かりません。

どうもありがとうございました。