问题描述
我在 illustrator 中创建了一个徽标。画板为 150x150，徽标本身为 120x90。
我将此徽标保存为 .ai，但我也想在网站上使用它。我将包含图片，正如您所看到的，它的边缘有点模糊。
标志：
我尝试了多种选择：导出屏幕并更改大小（2x 和 3x）、另存为然后 png、另存为网页（旧版）并针对插图进行优化，...但边界仍然模糊。
在不显着降低质量的情况下将 .ai 文件保存为 png 文件的理想流程是什么？
解决方法
你的形象很好。没有办法让它变得更好。
但如果您使用配备视网膜显示器的 Mac，您可能会在浏览器中看到模糊的图像。浏览器为非视网膜显示器呈现网页，并在视网膜显示器上放大。如果没有特殊的 CSS 技巧。
https://basilsalad.com/how-to/upgrade-website-images-retina-display/
CSS for high-resolution images on mobile and retina displays
Why do bitmap images look blurred on Retina display?
等
如果是这种情况（Retina + 浏览器），您唯一能做的就是：将 PNG 放大（大约两倍）并调整您的 CSS。