web上可伸缩矢量图形的最佳文件格式？
我正在建设一个新的网站，我希望该网站的标志在所有设备上看起来都一样清晰(从台式电脑到iPhone和iPad上的视网膜显示器)。
我的徽标不包含任何渐变或像素，所以我可以很容易地将其保存为矢量格式。然而，没有人能真正说出最好的格式是什么。
它是SVG还是PNG？
我如何创建一个SVG文件？
即使在谷歌上也没有太多信息可用。
感谢您与我分享您的经验。
回答 4
Stack Overflow用户
发布于 2012-04-21 23:57:26
由于SVG代表"scalable vector graphics"，这可能是您的最佳选择;) PNG是像素格式，因此它不会像您放大或缩小时缩放得那么好。
一个做SVG图像的通用库是Processing.js，看看它是否能做你想做的事情！
Stack Overflow用户
发布于 2012-04-21 23:59:24
好吧，正确的答案是：“这取决于”，SVG更难被浏览器绘制和正确显示有一些因素，另一方面PNG更容易显示，特别是在移动平台，例如iOS设备被优化为绘制PNG图像。
另一方面，svg的优势在于它们可以按您的喜好进行扩展，并且它们是轻量级的，可以通过网络进行传输。
您可以使用Inkscape或adobe illustrator创建SVG图像。
干杯
Stack Overflow用户
发布于 2015-12-13 19:35:55
徽标设计最好只保留几种格式: PDF、SVG、AI、EPS和DXF。(真正的矢量格式-可缩放/无损)真正的矢量图像可以缩放到没有终点，没有像素或失真。
而且，如果使用位图格式，请确保使用PNG文件。PNG支持透明度并且是无损的位图，但仍然是光栅图像，因此它们在缩放时会相应地显示一定程度的质量损失。所以，PNG在一些web应用中是很棒的，但我不推荐它用于打印。
我推荐.png格式的网页显示，但印刷设计/版本应该是真正的矢量格式。
https://stackoverflow.com/questions/10260523
复制相似问题