前端支持的图片格式与区别

类型 透明 压缩 浏览器兼容性 特点
gif 支持,但不是alpha透明 无损 全部支持 简单动画,颜色少,有锯齿,支持动图
png alpha透明 无损 IE6不支持透明 压缩比稿,色彩好,除了动画,其余方面和替代GIF
内存大
jpg 不支持
 
有损 全部支持 存储照片或颜色丰富的复杂像,
体积小,传播比较方便
webp alpha透明 有损

兼容性差,谷歌浏览器特有,Chrome和Opera支持,IE、 Safari和Firefox不
支持

更优的图像数据压缩,内存比png小
svg

放大缩小,矢量没有损失

适应屏幕, 图片较小


 

猜你喜欢

转载自blog.csdn.net/qq_44694453/article/details/120277052