如何使用CSS平滑图像的边缘？

Question

当我尝试将图像添加到我的网站时，其边缘感觉非常粗糙。

（注意：在上图中，您可以看到浆果周围的粗糙表面）。

当我使用图像编辑器删除其背景时发生了这种情况。是否可以使用css平滑边缘？如果是，那怎么样？

提前谢谢...... !!!

Answer 1

请勿尝试使用css修复此问题。请使用png24（不是png8或gif），因为它具有正确的alpha（透明度）并使用背景颜色删除背景颜色alpha掩码（或类似技术）。

如果您没有像PhotoShop这样的东西，可以使用像GIMP这样的免费软件来完成所有这些工作

修改：我刚注意到it's available as an svg，您为什么不使用它？