私のPNGアイコンのぼかし画像の端が背景画像上にきれいにレンダリングされません

Question

この質問は解決されました - newbステータスのアカウントで自分の質問への回答を投稿できません。 複数のファイルがあり、間違ったファイルパスを使用していました。ユーザーエラー:-)

MailChimpのメールテンプレートを使用していますが、歯車アイコンのタイトルバーにクライアントのロゴを置き換えています。ここに私のロゴが、ベゼル付きのボトムエッジとオリジナルのギアアイコンのついた円の簡略化された形で表示されます。私はPSで見ることができるようYuk http://dl.dropbox.com/u/1585739/bze_html_nl/images/Yuk.png

円とギアは、これまで非常によく似たRGBA値を持っている：私はthe browserにそれをロードするとき I'm not allowed to post images yet http://dl.dropbox.com/u/1585739/bze_html_nl/images/header-bg%20with%20gear%20and%2072px%20circle.jpg

は、しかし、私はこれを取得します。

これはCSSシャドウエフェクトのようなものではないと思いますが、なぜそれが壊れていますか？ （私は30年前のデザインとDTPの前に多くのウェブ作業をしていませんでした。 - これらの '基準' は:-)

HTML/CSS Source

<を適用するよう

が、これはHTML、電子メールのためであることに注意してください！ EDIT - > 元の「ギア」画像にはlinkがあります。 alphaを持つ.pngで、.gif btwではありません。 Gear http://dl.dropbox.com/u/1585739/bze_html_nl/images/19gear.png マイPNG fileアルファとPSで作られた：あなたは明るい背景の上にこれを持っていて、あなたが見ているハロー部分が不透明であることかのようにPNG file http://dl.dropbox.com/u/1585739/bze_html_nl/images/bze-72px.png

Answer 1

後で提供された画像は、そのサークルの縁で白いものがある場合、あなたが示されているサイトでは異なる..です

は、暗い背景の両方の画像を表示します。 jsfiddle - jsbin (jsfiddle is being slow..)

左円= The one in this url - 余分な白いものがありますか？

右円= The one you gave later on as the "PNG file" - 余分な白いものはありません。

---

結論は間違ったイメージを使用していることだろう。..

Answer 2

は、私には見えます。私はこれをGIMPに読み込み、Color to Alphaを使ってこれらの部分が画像に影響しないことを確認します。

また、あなたはpngと言っていますが、透明な色しかサポートしていないgif（私には疑わしい）を使用している場合、見た目は堅いスプライトグラデーションカラー（パレットの透明なエントリ）を選択し、イメージのサイズを変更します。ほとんどのグラフィックスアプリケーションは、スケーリングされたイメージを滑らかにします。これは、フリンジ周辺のピクセルが透明なパレットエントリを使用しなくなったことを意味します。