2017-08-17 94 views
0

我在我的網站中包含了一個透明png,它的邊界上有白色像素,而且看起來真的很怪異。如何清除透明PNG周圍的白色像素?

我有雙重檢查,這不是圖像本身,包括這個像素,也沒有在CSS中設置邊框。

會很高興,如果有人知道這個問題,並可以提供幫助。

這裏是我的意思截圖: image

+1

它必須對圖像..打開Photoshop和放大 – funkysoul

+1

你怎麼仔細檢查圖像不包含那些像素?它確實看起來像它。你有沒有嘗試將圖像分層疊加在黑色上來看? –

+0

Jon Uleis,是的,它把它分層在黑色層上,以確保。沒有白色像素:D – Veltinator

回答

0

你將不得不使用圖像編輯器,如GIMPPhotoshop

如果你從藝術家那裏得到這個,你可以向他們抱怨他們的導出圖像有白色邊框。否則,你將不得不使用畫筆並自己擦除它們,這可能很痛苦。

1

這在CSS中不可行。

白色邊框包含在圖像中。

的解決方案是使用圖像編輯器如Photoshop:

  • 選擇與魔術棒工具
  • 擴張1px的透明區域(或更多,如果需要的話)
  • 按下刪除
  • 保存作爲PNG
+0

謝謝,我會嘗試。通常我對Photoshop很不錯,並且檢查它是否真的是帶有綠屏的白色像素的圖像。我看不到任何東西。 另一個奇怪的是,只有黑色,直到我用魔杖工具將它除去。所以它實際上不可能是白色而不是黑色像素:D – Veltinator

1

您可以使用矢量應用程序來創建徽標。像「Corel Draw」一樣。我創建了標識爲樣本

sample PNG

+0

雖然你在中間丟失了陰影。 ;) –

+0

我改變了示例圖像 –

0

問題就解決了!

我已保存的圖像網站用不同的顏色空間,並導致該問題的方法:/

相關問題