是否有可能使用CSS提高图像质量？

Question

使用background: url('image.png')时，是否可以使用CSS提高图像质量？

可以接受过滤器CSS吗？

Answer 1

filter属性具有以下功能：

1. 无
2. 亮度（％）
3. 对比度（％）
4. 下拉阴影（H-阴影
5. v-shadow blur spread color）
6. 灰度（％）
7. hue-rotate（deg）
8. 转化（％）
9. 不透明度（％） 10.saturate（％）
10. 棕褐色（％）
11. url（）
12. initial
13. 继承
14. 模糊（PX）

每个上述功能都是不言自明的。关于像素，您无法使用filter属性真正更改它。您可以使用width和height，但它会更改图片的大小以显示在网页上，但不会改善质量。

Answer 2

虽然没有任何方法可以使用css实际提高您的图像质量（这取决于您最初保存图像文件的方式），但我有时使用的一个技巧是使用浏览器强制一些额外的抗锯齿功能transform

-webkit-transform: scale(0.999);
  transform: scale(0.999);

这不会使你的图像明显变小，但它应该足以让你的浏览器模糊一点。