我正在建立一个新的网站，我希望该网站的徽标在所有设备上看起来都非常清晰（从台式电脑到iPhone和iPad上的视网膜显示器）。
我所拥有的徽标不包含任何渐变或像素，因此我可以轻松地将其保存为矢量格式。但是，没有人能真正说出最佳格式。
是SVG还是PNG，例如？
我将如何创建SVG文件？
即使在谷歌上也没有太多信息。
感谢您与我们分享您的经验。
答案 0 :(得分：8)
由于SVG代表“可缩放矢量图形”，这可能是您的最佳选择;）PNG是一种像素格式，因此无法放大或缩小。
执行SVG图像的常用库是Processing.js，请查看它，看看它是否符合您的要求！
答案 1 :(得分：7)
嗯，正确的答案是：“它取决于”，SVG更难以通过浏览器绘制并正确显示有一些因素，另一方面PNG更容易显示，特别是在移动平台，例如，iOS设备已经过优化，可以绘制PNG图像。
另一方面，svgs的优势在于它们可以根据需要进行缩放，并且它们很轻，可以通过网络传输。
您可以使用Inkscape或adobe illustrator创建SVG图像。
干杯
答案 2 :(得分：3)
徽标设计最好只保留几种格式： PDF，SVG，AI，EPS和＆amp; DXF。 （真矢量格式 - 可扩展/无损） 真正的矢量图像可以缩放到没有结束，没有像素或失真。
而且，如果您使用位图格式，请务必坚持使用PNG文件。 PNG支持透明度并且是无损位图，但仍然是光栅图像，因此在缩放时它们会显示一定程度的质量损失。因此，PNG非常适合某些网络用途，但不是我推荐用于打印的东西。
我建议.png格式用于网页显示，但打印设计/版本应采用真正的矢量格式。
答案 3 :(得分：0)
哦，男孩 - 有many of them。还有复合格式，其中包含栅格+矢量数据（例如流行的PDF格式）。 我怀疑pdf解决方案是最便携的，因为你会以某种方式将你的徽标导出为PDF作为矢量数据。好吧，你甚至可以用{j}来display PDF。或者你可以采取adobe flash路径......