你图标白边是透明处理翻车了，尤其是圆角+渐变容易出这问题。别用位图，改用AI这类矢量软件设计，导出PNG自动防白边。PS做图标不够专业，换工具更香～
-
-
左边的图能看出你这个图原本就没抠干净 有个白边啊
所以我认为这个不是存png的问题~是抠图的问题诶…… -
没抠干净啊，透明的话会透出背景的格子的，第一张图字母和花边都是纯白色，看不到格子的
你存之前加个黑色的底也是一样的效果，单纯的没抠干净而已 -
1、PS保存PNG透明图片时，底层放上将来那个图所在位置的网页背景色（也有可能是图片）；
2、图片处理好之后用“魔棒”或者“羽化”功能去掉边缘多余的部分，即可；
3、这样实际上图片是被一圈背景色包围，这样既解决了边缘的问题，也解决了图片与背景交界处过于生硬的现象。也就是直接能够避免出现白边。