PngPNG包括png-8和png-24png-32体积比较小；它支持透明度24(160W)比8(256)像素色块颜色许多8位文件将具有锯齿状边缘和24位透明边缘。24位PNG支持160万种不同的像素颜色，并支持Alpha透明效果，这意味着无论设置多少透明度，PNG图像都能很好地与背景融为一体。JpgJPG比gif和png可以显示更多的颜色；同时可以很好的压缩；但它是失真压缩（压缩比；分辨率；可感知的失真）；jpg适合那些允许轻微失真但色彩丰富的场景；不适合简单的彩色图片（icon、小logo）Gif支持动画；也是一种无损图片格式（图片经过修改后，画质没有损失）；仅支持8位色深；受此限制；gif不适用于颜色过多的各种场景。WebpGoogle开发的一种图片格式，用于加快图片加载速度。图片压缩体积约为jpg的2/3；可以节省大量的服务器带宽资源和数据空间；一种有损压缩；目的是加快网络图片的传输效率；让图片更快的展现在用户面前；据我们所知，只有高级别的W3C浏览器支持（chorme39+，safari7+）SvgSVG越来越流行，它不同于上述所有文件类型，因为它是一种矢量文件格式。这意味着它实际上是由直线和曲线组成的，而不是像素。当您放大矢量图时，您仍然会看到一条曲线或一条线。当您放大由像素构成的图像时，您会看到像素。优点：用于小logo和图片；svg是理想的；因为无论是Retina屏幕还是其他低分辨率屏幕，显示效果都是一样的；svg的logo可以放大不变形；如果是像素组成的图片格式，要避免失真，就需要多组图片。Svg是用XML编写的；可以用js改变svg图片的颜色。缺点：Svg在渲染时需要比像素图更多的计算能力；它消耗更多的性能；所以你的svg图像更复杂；它可能会消耗很多性能；甚至文件大小也很大
