有没有办法在手机上修复Retina Blurry图标而不使用2x尺寸图像黑客?
我是一名前端开发人员,设计师无法以两倍的规模向我提供网站图标。
所以,我想知道是否有任何方法可以保持原始图标大小并使其在具有Retina显示屏的手机上正确显示。
答案 0 :(得分:0)
浏览器会自动放大小像素图像,抗锯齿的质量取决于浏览器的渲染引擎。
如果您不想使用媒体查询@ 2技巧,您可以使用svg图标,因为矢量图形在每个屏幕分辨率和ppi上都是明显的。
编辑:如下面的评论中所述,您可以按照此处所述在浏览器中停用抗锯齿:Disable antialising when scaling images
但这不会产生例如16像素图形中的尖锐圆形,因为像素仍将是平方像素(仅放大)...