当您构建一个网站并向该网站添加图像时，如果您必须确定哪些文件格式是正确的文件格式，则必须使用一个网站。根据图形，一种格式可能比其他格式好得多。
许多网页设计师都对JPG文件格式感到满意，这种格式非常适合具有深色深度的图像，如照片。虽然这种格式也适用于简单的图形，如图示的图标，但它不是在该实例中使用的最佳格式。对于那些图标，SVG将是更好的选择。我们来看看具体原因：
SVG是矢量技术
这意味着它不是光栅技术。矢量图像是使用数学创建的线条的组合。光栅文件使用像素或小方块的颜色。这是SVG可扩展的一个原因，非常适合必须随设备屏幕大小一起扩展的响应式网站。因为矢量图形存在于数学世界中，要改变大小，只需更改数字即可。在调整大小时，光栅文件通常需要进行重大改进。当你想放大矢量图像时，没有失真，因为系统是数学的，浏览器只是重新计算数学并使线条像往常一样平滑。当您放大光栅图像时，会丢失图像质量，并且当您开始看到这些颜色像素时，文件开始变得模糊。数学扩展和收缩，像素不扩展。如果您希望图像与分辨率无关，SVG将为您提供该功能。
SVG是基于文本的
使用图形编辑器生成图像时，程序会拍摄完成的图稿。 SVG的工作方式不同。你仍然可以使用一些软件程序，感觉你正在画一幅画，但最终的产品是矢量线甚至单词的集合（它们实际上只是页面上的矢量）。搜索引擎会查看单词，特别是关键字。如果你上传了一个JPG，那么你可以将自己限制在你的图形标题上，也可以使用alt文本短语。通过SVG编码，您可以扩展可能性并创建更具搜索引擎友好性的图像。
SVG是XML并且在其他语言格式中工作
这可以追溯到基于文本的代码。您可以在SVG中创建基本图像并使用CSS对其进行润色。是的，您可以拥有一个实际上是SVG文件的图像，但您也可以将SVG直接编码到页面中并在将来进行编辑。您可以使用CSS更改它，就像更改页面文本等一样。这非常强大，可以轻松编辑。
SVG很容易编辑
这可能是最大的优势。当你拍摄一个正方形的照片时，就是这样。要进行更改，您必须重置场景并拍摄新照片。在你知道它之前，你有40个正方形的图像，但仍然没有完全正确。使用SVG，如果你犯了错误，在文本编辑器中更改坐标或单词，就完成了。我可以与此相关，因为我画了一个未正确定位的SVG圈。我所要做的就是调整坐标。
JPG图像可能很重
如果您希望图像在物理尺寸上增长，它也会以文件大小增长。使用SVG，无论你做多大，一磅仍然是一磅。宽2英寸的正方形的重量与100英寸宽的正方形相同。文件大小不会改变，从页面性能的角度来看，这是非常好的！
哪个更好？
那么什么是更好的格式 - SVG或JPG？这取决于图像本身。这就像问“什么更好，锤子或螺丝刀？”这取决于你需要完成什么！这些图像格式也是如此。如果您需要显示照片，那么JPG是您的最佳选择。如果要添加图标，则SVG可能是更好的选择。您可以在此处了解有关何时使用SVG文件的更多信息。
Jennifer Krynin的原创文章。 Jeremy Girard于6/6/17编辑
