我的PNG圖標的羽化圖像邊緣不能很好地渲染在背景圖像上

這個問題已解決 - 無法發佈一個回答我自己的問題，因爲newb狀態。有多個文件並且使用了錯誤的文件路徑。用戶錯誤:-)我的PNG圖標的羽化圖像邊緣不能很好地渲染在背景圖像上

我使用MailChimp的電子郵件模板，並且在齒輪圖標的標題欄中替換了客戶端徽標。這是我的徽標，簡化形式爲帶圓形底邊的圓圈，其後是原始齒輪圖標。 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

圓和齒輪有非常相似的RGBA值，只要我能在PS看到。

我不認爲這是CSS陰影效果，但它爲什麼撕裂？（在設計和DTP的30年之前，我還沒有做過很多網絡工作，到目前爲止，我非常喜歡綠色網頁細節）。

記住這是一個HTML的電子郵件，讓這些 '標準' 適用:-)

[這]（http://dl.dropbox.com/u/1585739/bze_html_nl/images/full_width_bze_baseload-gear。 html）（< - 點擊查看HTML源文件） – 2011-12-15 08:23:59

在什麼瀏覽器中？ – 2011-12-15 08:26:52

瀏覽器：Coda.app預覽，Safari 5.0.6，FF – 2011-12-15 08:29:02

你以後提供的圖像比在你已經證明那裏是在那個圈子的邊緣，白色的東西在網站的不同..

顯示在一個黑暗的背景兩個圖像。 jsfiddle - jsbin (jsfiddle is being slow..)

Left Circle = The one in this url - 有那額外的白色東西。

Right Circle = The one you gave later on as the "PNG file" - 沒有額外的白色東西。

結論將是您使用了錯誤的圖像..

2011-12-15 08:46:38 Joonas

看起來對我來說，就好像你有過這樣的背景光，那你看到光環的部分是不透明的。我會加載到GIMP中，並使用顏色到Alpha來確保這些部分不會影響圖像。

另外，你說的PNG，但如果你使用的GIF（我懷疑），只支持一種透明的顏色，你看到的完全像你得到的問題，當你有堅實的精靈與堅實的背部底色（這是調色板中的透明條目），然後調整圖像大小。大多數圖形應用程序平滑縮放圖像，這意味着邊緣周圍的像素不再使用透明調色板條目。

2011-12-15 08:29:00

回答