在插画器中从矢量中节省高分辨率png
在插画器中从矢量中节省高分辨率png
提问于 2021-06-15 16:25:18
我在插画中创建了一个标志。图板为150×150，标志本身为120x90。
我把这个标志保存为.ai，但我也想在网站上使用它。我将包括图像，正如你所看到的，它的边缘有点模糊。
Logo:
我尝试了多个选项:导出屏幕和改变大小(2x和3x)，保存as和png，保存web (旧版)并为插图进行优化，.但边界仍然模糊不清。
将一个..ai文件保存到一个png文件而又不造成质量损失的理想流程是什么？
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-06-15 19:15:12
你的形象很好。没有办法让它变得更好。
但是如果你使用的是带有视网膜监视器的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 + browser)，您唯一能做的就是:使PNG更大(大约两倍)，并调整您的CSS。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67990079
复制相关文章
相似问题
腾讯云开发者
