- ベストアンサー
画像で背景透明のテキストがにじむのです
こんにちは。 いつもお世話になります。 webのバーをイラストレーターCS3で作成してます。 別途、背景に模様の画像を配置しておるので ここは背景が透明のテキストだけの「画像」にしたいのですが gifで保存をいくら試しても文字がぎざぎざしてしまいます。 pngでも変わらず。 背景の画像が黒っぽいので、テキストは白で 0.5～1ほど黒の縁取りをしたりしても同じです。 画像にせずテキストのみのバーにしてもいいのですが デザイン上ちょっと避けたいのです。 なんとか解決策は無いでしょうか。 もしかしたらとんでもなく初歩的なことを聴いてて恥ずかしいのですが ちょっと急ぎで困ってます。 よろしくお願いいたします。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- grumpy_the_dwarf
- ベストアンサー率48% (1628/3337)
GIFやPNG-8では256色のパレットの中から指定した1色だけを透明と して扱います。だから文字をくっきり抜くとアンチエイリアス出来 なくてギザギザするし、美しくアンチエイリアスすると不透明な輪 郭が出来てしまいます。 アンチエイリアスして背景画像にきれいになじむように書き出せる のは、PNG-24だけ。そしてこれはIE6は対応できません。 http://www.med.yamanashi.ac.jp/~cmr/ のタイトル画像がPNG-24で すが、ドロップシャドウを透明度のマスクで作ってあるので、IE6で は変な模様に見えるはずです。私はIE6を切り捨てましたが、対応し ないとマズいなら「png transparency hack」でググって小細工して あげるといいらしいです。
お礼
早速の回答ありがとうございます！ 参考ページ拝見しました。 pngがIEで対応してないのは聞いたことがありますが 実際に比較したことが無かったので、勉強になりました。 operaで見たら大丈夫ですね。 なるほど～png transparency hackは今度時間があるときに 見てみますね。 ありがとうございました。
お礼
早速の回答ありがとうございます。 なるほど～詳しい説明よくわかりました。 マット処理でなんとかうまくいきそうです！ いままであまり背景に透明を使わなかったのですが今後いろいろ使えそうです。 助かりました！