电商商品图片怎么压缩，才能兼顾速度与细节？

按展示位置分三组

列表页需要快速浏览，主图需要建立信任，细节图需要放大。只保留一张超大原图让前端缩小，会浪费传输；只保留一张小图又会破坏放大体验。

• 列表缩略图：小尺寸、统一比例。
• 商品主图：平衡速度与纹理。
• 细节图：保留必要放大能力。

格式由内容决定

摄影商品图适合 JPEG、WebP 或 AVIF；透明抠图、尺寸表和带小字的促销信息更适合 PNG 或无损 WebP。不要为了格式统一而牺牲透明边缘与文字锐度。

压缩时重点看什么

白底商品容易在轮廓周围出现光晕，织物和珠宝容易损失纹理，渐变包装容易出现色带。抽样时要覆盖最难压的 SKU，而不是只看一张简单产品。

• 在白色与深色背景各看透明边缘。
• 放大检查材质与反光。
• 对照品牌色和包装文字。

建立可复用的出口规范

记录每个展示位置的像素、格式、命名和质量起点。新品只需进入相同流程，旧图则优先处理流量高、体积大的页面。