在 Illustrator 中从矢量保存高分辨率 PNG

saving high res png from vector in illustrator

我在 illustrator 中创建了一个徽标。画板为 150x150，徽标本身为 120x90。

我将这个标志保存为.ai，但我也想在网站上使用它。我将包括图像，如您所见，它的边缘有点模糊。

标志：

我尝试了多种选择：导出屏幕并更改大小（2x 和 3x），另存为 png，保存为 web（旧版）并针对插图进行优化，...但边框仍然存在模糊。

在不显着降低质量的情况下将 .ai 文件保存为 png 文件的理想流程是什么？

你的图片很好。没有办法让它变得更好。

但是，如果您使用 Mac 和视网膜显示器，您可能会在浏览器中看到模糊的图像。浏览器为非视网膜显示器呈现网页，并在视网膜显示器上放大。如果没有特殊的 CSS 技巧。

CSS for high-resolution images on mobile and retina displays

Why do bitmap images look blurred on Retina display?

等等

如果是这种情况（Retina + 浏览器），您唯一可以做的就是：制作更大尺寸的 PNG（大约两倍）并调整您的 CSS.