Chrome将高分辨率图像渲染为非常低的分辨率？答案

【问题标题】：Chrome renders high resolution images to very low resolution?Chrome将高分辨率图像渲染为非常低的分辨率？
【发布时间】：2023-12-25 16:56:01
【问题描述】：

是否有任何 css 属性可以帮助修复 chrome 如何处理图像？

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

否则，手机和其他网络浏览器上的 chrome 可以正常工作。

谢谢！

【问题讨论】：

【解决方案1】：

可能最好的解决方案是使用 SVG 作为徽标，因为它具有矢量基础和无限可缩放性。这是一个教程。

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

您也可以在 css 中使用 svg 作为 bg-img，例如：

background-image:url(logo.svg);

并设置样式

【讨论】：

嘿@Traver - 只是提醒一下，但是当我处于你的位置并做出回答时，我无法发表评论，我被否决并最终删除了该帖子。可能不会发生在你身上，但想提醒你——从技术上讲，如果它是评论，它不属于答案，你可能会因此而被烧毁。
感谢您的建议。但这也是一个答案，因为如果他将使用 svg，它是 100% 固定的。还是你不同意？ @anied
我可以看到——但如果我是你，我会删除“我会发表评论，但我不能”部分——它会邀请人们将其解释为答案中的评论。
完成 :) 感谢您的帮助
感谢您的回答。我读到旧浏览器不支持 SVG 格式，如果网站在移动 ios 上打开可能会出现问题？