SVG vs PNG vs JPG：图像格式优点和缺点

一、SVG
SVG是一种可缩放矢量图形（英语：Scalable Vector Graphics），SVG是基于可扩展标记语言（XML），用于描述二维矢量图形的图形格式。

SVG是一种无损格式。这意味着它在压缩时不会丢失任何数据，呈现不同的颜色。最常用于网络上的图形和LOGO以及将在视网膜或其他高分辨率屏幕上查看的项目。

SVG的优点
1.矢量格式可呈现任何大小而不降低其质量
2.能够在代码或文本编辑器中创建简单的SVG渲染
3.从Adobe Illustrator或Sketch设计和导出复杂图形
4.可以访问SVG文本
5.SVG很容易设计风格和脚本
6.现代浏览器支持SVG格式，并且面向未来
7.格式具有高度可压缩性和轻量级
8.由于基于文本的格式，因此适合搜索
9.支持透明度
10.允许静止或动态图像

SVG的缺点
1.设计SVG可能会变得复杂
2.在某些版本过低的浏览器上无法呈现
3.电子邮件客户端支持有限

二、PNG
PNG是便携式网络图形，是一种为网络设计的格式，提供JPG无法提供的东西—透明度。 这就是为什么PNG如此受欢迎，这种格式的图像元素可以很方便被上传到网站设计中。

有两种类型的PNG格式： PNG-8和PNG-24。 PNG-8使用更有限的调色板，只有256种颜色，透明度更好，保存尺寸更小。 PNG-24使用无限的调色板，保持透明度，但保存尺寸更大。 两种PNG类型都具有无损压缩