图片格式怎么选
同一个尺寸,格式选错体积能差好几倍。
三类常见格式
照片类内容适合有损格式,插画和图标类适合矢量或无损格式。选错类别通常就是体积大的主要原因。
尺寸比格式更重要
很多页面加载的图片实际显示尺寸远小于文件尺寸。按显示尺寸输出图片,收益通常大于换格式。
按需加载
首屏之外的图片延后加载,配合明确的宽高占位,能同时改善加载速度和布局稳定性。
别忘了服务端压缩
图片不像文本,压缩通常要离线做。构建时处理一次,比运行时想办法省事。
同一个尺寸,格式选错体积能差好几倍。
照片类内容适合有损格式,插画和图标类适合矢量或无损格式。选错类别通常就是体积大的主要原因。
很多页面加载的图片实际显示尺寸远小于文件尺寸。按显示尺寸输出图片,收益通常大于换格式。
首屏之外的图片延后加载,配合明确的宽高占位,能同时改善加载速度和布局稳定性。
图片不像文本,压缩通常要离线做。构建时处理一次,比运行时想办法省事。