• ベストアンサー

透過処理をしたGIFファイル画像の周りのギザギザ・・・・

いつも助かってます!今回も宜しくお願いいたします。 HPビルダーでHPを作成してます。透過処理をしたGIFファイルを開いて確認するとそれなりに綺麗に見えるのですが、ブラウザで見ると周囲がギザギザになって非常に見苦しいものになってしまいます。 この「ギザギザ」は処理できるとどこかで読んだ記憶があるのですが、どなたかご存知ではないでしょうか。 宜しくお願いいたします。

  • kikoh
  • お礼率82% (133/161)
  • HTML
  • 回答数2
  • ありがとう数3

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

  • ベストアンサー
  • jein
  • ベストアンサー率49% (2799/5705)
回答No.1

アンチエリアシングを有効にして保存した場合、 ギザギザを目立たなくさせることができます。 が、透過GIFの場合は透明色に指定した色と背景色を 工夫しないと色が残ることがあります。

参考URL:
http://www.geocities.co.jp/SiliconValley/4634/cg_gif.html
kikoh
質問者

お礼

ありがとうございました。 背景色こそがポイントなんですね。 透過処理ばかり考えてやたらめったらやってました。 よーく理解できました。

その他の回答 (1)

  • Yumikoit
  • ベストアンサー率38% (849/2209)
回答No.2

画像を作る際、ホームページ側で指定しようとしている背景色を、そのまま、画像の背景色として指定します。 その上に、画像を作成して、保存する際に 背景色の部分を透過色として指定するのです。 そうすれば背景色に対してぎざぎざが気にならなくなります。 自然に「にじみ」ますからね。 この「にじみ」の部分について注意して #1の方の参考URLの2を読んでくだされば、アンチエリアシングの意味がよくわかると思います。 HPビルダー付属の画像処理ソフトでGIFファイルを作成しているのだとすると、アンチエリアシングを有効にしても思うようにいかないかもしれないですね。使い方次第なんですけど。 頑張って素敵なサイトを作成してください。

kikoh
質問者

お礼

ありがとうございました。 やたらめったら透過処理することばかり考えていました。 透過処理の基本的な考え方を理解することができました。

関連するQ&A

  • gifの周りに白いギザギザができてしまいます。

    どうしてなのか全然わかりません。どうかよろしくお願いいたします。 フォトショップでgif画像を作って背景は透過です。それでドリームウィーバーで画像を配置したのですが、何故か画像の周りに白いギザギザができてしまいます。 フォトショップで確認すると何もギザギザはでてないのですが、gifで書き出すとできているみたいなんです。。。 どうすれば解決するでしょうか?よろしくお願いいたします!

    • ベストアンサー
    • HTML
  • GraphicConverter でgif ファイルを透過処理?

    PowerMac G4 800 Dual、OS 9.2.2&10.1.5&10.2.4 GraphicConverter でgif ファイルを透過処理ってできますか?

    • ベストアンサー
    • Mac
  • カラーの背景に透過GIFを貼り付けると周りが白くなります

    タイトルのとおりの状況です。 基本的な質問でスミマセン。ここでつまずいています。 HPのページ背景を赤に指定します。 作成したGIF(例えば、黒の丸●)(透過済み)をそのページに貼り付けると、そのGIFの外側が一回り白くなります。これはどうしてこうなるのでしょうか?使用しているソフト(フォトショップ、イラストレータ、ビルダー)で何とか直りますか? よろしくお願いします。

    • ベストアンサー
    • CSS
  • 透過GIFを他の画像の上に貼り付ける画像処理ソフト

    当方の環境 windowsXPpro ServicePack3 現時点で分かっていること ペイント:完全非対応 powerpoint:対応 html言語で書いてブラウザ:対応 IrfanView:半分対応(透過GIFは作れるが合成できない?) Microsoft Photo Editor:半分対応(透過GIFは作れるが合成できない?) 透過GIFを他の画像の上に貼り付ける(合成できる)画像処理ソフトを探しています。 フリーで直感的で分かりやすいのがいいです。出来れば有名な奴をお願いいたします。 図々しいですが、よろしくお願いいたします。

  • Paraflaでの画像透過について。

    こんにちは!! 最近、FLASHファイルを作りたくて、ここのページでParaflaを知りました。 しかし、実際に作ってみると、問題が起きました。 それは、画像の透過です。 Paraflaではgifが読み込めないので、ビルダーのウェブアートデザイナーで作成した絵をjpegで保存して使いました。 すると、Paraflaで透過をしても、作成した絵の周りに白いボツボツが残ってします。 実際、作品を掲載されている方のを見ると、全くそれがありません。 何か良い方法があるのでしょうか?? ご存知の方いらっしゃいましたら、教えて下さい!!

  • 透過するアニメーションGIFは作れるの?

    アニメーションGIFで透過させたいのですが / こういう絵の透過のGIFファイルと \ こういう絵の透過のGIFファイルをアニメーション   すると / これを表示してから \ こう表示して ほしいのに / これを表示してから ×こう表示されます / この上に2番目の \ が表示されるから×になって しまって 前の/が消えてくれません 透過のアニメーションジフは作る事が出来るので しょうか? 出来るとしたら やり方 又はフリーソフトなど ありましたら教えて下さい 私のアニメーションジフ作成ソフトは Animation GIF Maker(フリーソフト) http://www.asahi-net.or.jp/~zb8n-httr/ を使っております どうかよろしくお願いします!   

  • GraphicConverterで透過GIF作ると何故か大きい

    GraphicConverterで透過GIFを作ると、何故か元のファイルより随分サイズが大きくなってしまうという現象を経験したことがあります。 結局、そういう事の起きない(ファイルのサイズが大きくならない)別の透過GIF作成ツールを見つけたので今はそっちを使っていますが、アレは何が原因だったのかなと思っています。 回避法にお心当たりのある方、おられますか?

    • ベストアンサー
    • Mac
  • 透過GIF(アニメーション)作成機能をもったアプリケーションにはどのようなものがある

    Applworks6には、透過GIF作成機能がないようですが、 画像ファイルなどを透過GIFにフォーマットできるアプリケーションには、どのようなものがありますか? 目的は、HPで使うGIFアニメーション作成のためです。 フォトショップやオフィス2000(ウィン)では、できるそうですが、他にないでしょうか? また、GIFアニメーションの著作権問題がでてきたようですが、その問題を(自動的に)クリヤーするようなアプリケーションで透過GIF作成機能をもったアプリケーションにはどのようなものがあるでしょうか? (著作権のとらえ方間違っているかも知れませんが。。) ベクターでは、捜せませんでした。 Adobe LiveMotion には、当然あるとおもって探したのですが、その機能がないようですね? 教えてください。よろしくお願いします。

    • ベストアンサー
    • Mac
  • 画像の加工処理

    マイクロメディアのFireWorks MXを使っています。 小さいGIFの透過画像を漢字で書いているのですが、 いざ表示させてみると、ギザギザの状態で見た目がきれいでありません。 一応、アンチエリアス強にしているのですが、ネットの他の方が作成されているものは、ギザギザがなく表示されています。 どのような加工をしているのか知りたいです。 gifで透過の白文字なので、見た目はこちらになります。 「店主のコーナー」の画像の作り方です。 普通に作成すると「営業カレンダー」のように、ギザギザで読みにくいです。

  • Photoshopで画像をgif保存すると崩れる

    背景を透過させ、文字のみの画像をPhotoshop7.0で作成し gifで保存したものを、 ブラウザで確認すると文字がかなり崩れて表示されてしまいます。 何かの設定が悪いのでしょうか? 分かる方いらっしゃったら教えてください。 jpgではそんなことないのですが、 透過ができないので意味がありません。

専門家に質問してみよう