Chrome将高分辨率图像渲染到非常低的分辨率?

时间:2017-04-20 14:18:50

标签: css google-chrome adobe-illustrator

是否有任何css属性有助于修复chrome处理图像的方式?

我在adobe illustrator中为我的网站设计了一个徽标,当我上传到我的网站时。它在IE上很好地加载但在chrome上的分辨率非常低。我越多地增加adobe illustrator上的图像尺寸(并用css重新缩放),图像越低分辨率,模糊和细节不清晰。

否则,手机和其他网络浏览器上的Chrome工作正常。

https://drive.google.com/open?id=0BwjYDGIA089Td2xBdDE0b0h4ems

谢谢!

1 个答案:

答案 0 :(得分:0)

可能最好的解决方案是使用SVG作为徽标,因为它的矢量基础和无限规模能够。这是一个教程。

https://css-tricks.com/using-svg/

你也可以在css中使用svg作为bg-img:

background-image:url(logo.svg);

并设计风格