Chrome将高分辨率图像呈现为非常低的分辨率？

是否有任何css属性可以帮助修复chrome如何处理图像？Chrome将高分辨率图像呈现为非常低的分辨率？

我在Adobe Illustrator中为我的网站设计了一个徽标，并且当我上传到我的网站时。它在IE上加载很好，但在Chrome上分辨率很低。我越是增加Adobe Illustrator中图像的尺寸（并用css重新缩放图像），图像变得分辨率越低，模糊和细节越不明确。

否则，在手机和其他网络浏览器的铬工作正常。

谢谢！

2017-04-20 Shady

也许最好的解决方案是使用SVG作为Logo，因为它的矢量基础和无尽的缩放能力。这是一个教程。

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

您也可以使用SVG作为BG-IMG在CSS中，如：

background-image:url(logo.svg);

和风格它

2017-04-20 14:26:28 RacoonOnMoon

嘿@Traver - 只是抬起头，但是当我在你的位置，并作出了答案BC我无法发表评论我downvoted，并最终结束了删除帖子。可能不会发生在你身上，但想要给你一个头 - 技术上，如果它是一个评论，它不属于答案，你可能会被烧伤。 –

感谢您的建议。但这也是一个答案，因为如果他将使用svg，它将被固定为100％。或者你不同意？ @anied – RacoonOnMoon

我可以看到 - 但如果我是你，我会删除“我会评论，但我不能”部分 - 它邀请人们将它解释为评论中的答案。 –

回答