请通过邮件订阅网站,随时获取最新动态!

# 图片大小

在保证视觉效果的情况下,应该选择最小的图片格式与图片质量, 以减少加载时间。同时应该少用图片元素,尽量用 CSS 代替,例如:圆角、提示框、不会二次渲染的元素的阴影等。

# 图片大小

  • PC 端单张的图片的大小不应大于 200KB
  • 移动端单张的图片的大小不应大于 100KB

注意:图片的大小约定标准随全国网速的改变而改变

# 图片质量

  • 上线的图片都应该经过压缩处理,压缩后的图片不应该出现肉眼可感知的失真区域
  • 60 质量的 JPEG 格式图片与质量大于 60 的相比,肉眼已看不出明显的区别,因此保存 JPEG 图的时候,质量一般控制在 60,若保真度要求高的图片可适量提高到 80,图片大小控制在 200KB 以内