【发布时间】：2016-04-13 17:49:15
【问题描述】：
有没有办法在不使用 2x 尺寸图像黑客的情况下修复手机上的 Retina Blurry 图标？
我是一名前端开发人员，设计师无法提供两倍大小的网站图标。
所以，我想知道是否有任何方法可以保持原始图标大小并使其在配备 Retina 显示屏的手机上看起来正确。
【问题讨论】：
标签： css icons retina-display blurry
【发布时间】：2016-04-13 17:49:15
【问题描述】：
小像素图片由浏览器自动放大，抗锯齿质量取决于浏览器的渲染引擎。
如果您不想使用媒体查询@2 技巧，您可以使用 svg 图标，因为矢量图形在每个屏幕分辨率和 ppi 上都非常清晰。
编辑：正如下面评论中提到的，您可以在浏览器中禁用抗锯齿，如下所述：Disable antialising when scaling images
但这不会在 16 像素图形中创建一个尖锐的圆形，因为像素仍然是平方像素（只是放大了）...
【讨论】：
-
哦，好的。非常感谢您的回复！
-
防止图像边缘模糊的一种方法是禁用抗锯齿：stackoverflow.com/questions/14068103/…
-
@Bart：谢谢，我不知道，只是更新了我的答案以更准确。