常见的前端图像显示方式

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

2.WebP图片-------谷歌推出的一种图片格式，比png/jpg/gif图片站的空间小，仅chrome浏览器支持此格式。

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

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

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

 

补充：服务器启用gzip压缩时候不要压缩图片格式。

 

转载于:https://www.cnblogs.com/Sroot/p/5706973.html