我正在建立一个新网站，我希望该网站的徽标在所有设备（从台式电脑到 iPhone 和 iPad 上的视网膜显示器）上看起来都一样清晰。
我的徽标不包含任何渐变或像素，因此我可以轻松地将其保存为矢量格式。然而，没有人能真正说出最好的格式是什么。
例如是 SVG 还是 PNG？
我将如何创建 SVG 文件？
即使在 Google 上也没有太多可用的信息。
感谢您分享您的经验。
【问题讨论】：
标签： image css vector-graphics
由于 SVG 代表“可缩放矢量图形”，这可能是您的最佳选择；）PNG 是一种像素格式，因此它不会像您放大或缩小时那样完美地缩放。
一个用于处理 SVG 图像的常用库是 Processing.js，检查一下，看看它是否符合您的要求！
【讨论】：
好吧，正确的答案是：“这取决于”，SVG 更难被浏览器绘制并正确显示，这涉及到一些因素，另一方面 PNG 更容易显示，特别是在移动平台中，例如 iOS 设备已针对绘制 PNG 图像进行了优化。
另一方面，svg 的优点是它们可以随心所欲地缩放，并且它们很轻，可以通过网络传输。
您可以使用 Inkscape 或 adobe illustrator 创建 SVG 图像。
干杯
【讨论】：
徽标设计最好保留以下几种格式： PDF、SVG、AI、EPS 和 DXF。 （真正的矢量格式 - 可扩展/无损） 真正的矢量图像可以无限缩放，没有像素或失真。
而且，如果您使用位图格式，请务必使用 PNG 文件。 PNG支持透明度并且是无损位图，但仍然是光栅图像，因此它们在缩放时会相应地显示出一定程度的质量损失。因此，PNG 非常适合某些网络用途，但我不推荐用于打印。
我推荐 .png 格式的网页显示，但印刷设计/版本应该是真正的矢量格式。
【讨论】：
哦，男孩 - 有many of them。还有包含光栅+矢量数据的复合格式（例如流行的 PDF 格式）。 我怀疑 pdf 解决方案将是最便携的，因为您会以某种方式将您的徽标导出为 PDF 作为矢量数据。见鬼，你甚至可以只用 javascript display PDF。或者你可以走adobe flash path ...
【讨论】：