search

AlexZ33 / lessions

自己练习的各种demo和课程
12 stars 2 forks source link

移动端图片大小规范 #120

Open AlexZ33 opened 3 years ago

AlexZ33 commented 3 years ago

图片规范

  1. 背景png或jpg格式图片，大小不超过600K
  2. 内容图png或jpg格式图片，jpg单张大小不超过200kb，png不超过300kb
  3. gif图单张大小不超过5M，若gif图无法满足该大小，可使用视频代替
  4. 以上所有格式图片，单张尺寸大小不超过（iPhone8plus 1080 x 1920）
  5. 移动端图片必须填写alt属性，且需要能表示图片的含义。例如，道具图片为道具名称
  6. 单个页面所有图片、视频与音频文件大小，原则上总和不应超过60M
  7. 如果为非首屏图片与视频，需使用懒加载 其他建议
  8. 透明png，jpg图片必须使用压缩工具压缩后提供
  9. 图像颜色比较简单的，包含透明部分，如纯色块线条图标等，优先考虑使用 png8 格式
  10. 图像颜色丰富而且图片文件不太大或有半透明效果的优先考虑 png24 格式
  11. 图像颜色丰富而且文件比较大的优先考虑 jpg格式
  12. 所有jpg与png图片，如果运行环境支持webp格式图片，优先使用webp