Skip to content

移动端图片大小规范 #120

@AlexZ33

Description

@AlexZ33

图片规范

  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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions