我正在建立一个新网站，我希望该网站的徽标在所有设备（从台式电脑到 iPhone 和 iPad 上的视网膜显示器）上看起来都一样清晰。
我的徽标不包含任何渐变或像素，因此我可以轻松地将其保存为矢量格式。然而，没有人能真正说出最好的格式是什么。
它是 SVG 还是 PNG，例如？
我将如何创建 SVG 文件？
即使在谷歌上也没有太多可用的信息。
感谢您分享这方面的经验。
问问题
73097 次
4 回答
10
由于 SVG 代表“可缩放矢量图形”，这可能是您的最佳选择；） PNG 是一种像素格式，因此它不会像您放大或缩小那样缩放。
处理SVG 图像的常用库是Processing.js，检查一下，看看它是否符合您的要求！
于 2012-04-21T15:57:26.350 回答
9
好吧，正确的答案是：“视情况而定”，SVG 更难被浏览器绘制并正确显示，这涉及到一些因素，另一方面 PNG 更容易显示，特别是在移动平台中，例如iOS 设备已针对绘制 PNG 图像进行了优化。
另一方面，svg 的优点是它们可以随心所欲地缩放，并且它们是轻量级的，可以通过网络传输。
您可以使用 Inkscape 或 adobe illustrator 创建 SVG 图像。
干杯
于 2012-04-21T15:59:24.470 回答
5
徽标设计最好保留几种格式：PDF、SVG、AI、EPS 和 DXF。（真正的矢量格式 - 可缩放/无损）真正的矢量图像可以无限缩放，没有像素或失真。
而且，如果您使用位图格式，请务必坚持使用 PNG 文件。PNG支持透明度并且是无损位图，但仍然是光栅图像，因此它们在缩放时会相应地显示出一定程度的质量损失。因此，PNG 非常适合某些网络用途，但我不推荐用于打印。
我推荐 .png 格式的网页显示，但印刷设计/版本应该是真正的矢量格式。
于 2015-12-13T11:35:55.483 回答