从插图中的矢量保存高分辨率 png [关闭]

Question

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

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

标志：

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

将 .ai 文件保存到 png 文件而不显着降低质量的理想流程是什么？

Answer 1

你的形象很好。没有办法让它变得更好。

但是，如果您使用带有视网膜显示器的 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。