2026-05-19 · 约 1 分钟阅读
响应式布局的图片缩放
导出布局实际使用的宽度——避免向移动端发送 4000px 原图。
图片性能前端
要点
- 先缩放再压缩——顺序影响画质与体积。
- 除非艺术指导需要裁切，否则保持比例。
对齐 srcset
按断点生成 1x/2x 宽度，而非单张超大主图。
缩放后与 Image Compress 使用相同输出格式。
常见问题
缩放后用什么格式？
现代栈照片优先 WebP；UI 锐利边缘用 PNG。
辅助框填什么？
填目标宽或 宽x高；在边界内适配且避免不必要放大。