前端开发中图片使用规范

内容图

内容图多以商品图等照片类图片形式存在，颜色较为丰富，文件体积较大

• 优先考虑 JPEG 格式，条件允许的话优先考虑 WebP 格式
• 尽量不使用PNG格式，PNG8 色位太低，PNG24 压缩率低，文件体积大
• PC平台单张的图片的大小不应大于 200KB。

背景图

背景图多为图标等颜色比较简单、文件体积不大、起修饰作用的图片

• PNG 与 GIF 格式，优先考虑使用 PNG 格式,PNG格式允许更多的颜色并提供更好的压缩率
• 图像颜色比较简单的，如纯色块线条图标，优先考虑使用 PNG8 格式，避免不使用 JPEG 格式
• 图像颜色丰富而且图片文件不太大的（40KB 以下）或有半透明效果的优先考虑 PNG24 格式
• 图像颜色丰富而且文件比较大的（40KB - 200KB）优先考虑 JPEG 格式
• 条件允许的，优先考虑 WebP 代替 PNG 和 JPEG 格式