1.png/jpg/gif图片-------一般的图片格式，使用方便，简单灵活，但是占空间，缩放会失真。

2.svg图片-------缩放不失真，占空间小，可以编辑修改，可以外部引入svg文件，也可以使用<svg>标签内嵌，但是色彩比较单一，不能制作过于丰富的色彩图片，不支持IE8以下的微软浏览器。

3.base64图片-------缩放不失真，不占空间，便于网络传输，但是只能是小尺寸的图像，不常更新的图像。

4.iconfont/webfont图片-------缩放不失真，占空间小，与svg一样便于编辑修改，利用css属性修改，重要一点是没有什么兼容问题，比较适合于做图标。