合理选择图像格式

本文参考：http://www.admin5.com/article/20171018/791822.shtml
gif:
　位图格式，支持透明背景图像。
　适用场景：主要用来创造有趣的动画
jpeg：
　位图格式，不支持透明背景图像。
适用场景：适合存储具有丰富色彩层次的摄影或写实照片
原因：
　色彩层次丰富的图像一般会由于阴影、反光或透视等效果形成明暗、深浅不同的区域，如果我们选择使用PNG8来储存的话，可能一些颜色在调色板上找不到，导致图像上一些数据的丢失，如果使用PNG24的话，它确实可以查找到图像不同层次的颜色，但它会因数据较多增大图片的体积，严重拖慢加载速度，在网站上也容易显示不全。
　
png:
　位图格式，支持透明背景图像。
适用场景：适合相对简单的图像、需要使用透明背景图片情况
原因：
　能在保存很少色彩的情况高度还原这个图像，如果使用JPEG格式完全不压缩图像时文件的大小是用PNG格式的5倍多，假如JPEG以45%的程度压缩，文件仍比PNG格式的大，而且图像还出现了失真的问题。
　
svg:
矢量图形格式
适用场景：适合不同的屏幕分辨率,在网站中应用悬浮效果或微妙的动画