外贸站图片压缩实操：产品图不压，速度永远上不去
很多工厂外贸站上线后移动端 PageSpeed 只有四五十分，一查，代码没大问题，图片把页面撑爆了。产品图直接拿相机原图上传、详情图一张好几MB、认证证书扫描件没处理，海外客户手机打开转半天，人走了，广告费也白花了。
图片通常是外贸站页面体积的最大头。压图不是“随便压小一点”，是有顺序、有标准的。下面是我们交付轻量站时实际在用的流程，你可以直接拿去用。
一、先搞清楚：你的图为什么大
工厂站图片大，通常四个原因：
相机/手机原图直出：一张 4000×3000 的产品图，几MB起步，网页上实际只显示 800px 宽。
格式没选对：照片用 PNG，体积是 JPEG 的好几倍；该用 WebP 的地方还在用 JPEG。
详情图堆太多：产品详情页十几张高清大图，每张都没压。
靠插件“事后救”：上传原图，指望压缩插件自动处理。插件能救一部分，但救不了架构性臃肿，而且有些插件压完画质掉得厉害。
二、上传前：三步把图处理掉
第一步：把尺寸压到实际展示尺寸。
网页上产品主图展示宽度通常 800–1200px 就够，详情图 1000px 左右。上传前把 4000px 的图缩到实际需要的大小，体积立刻降一大截。不要上传大图再用 CSS 缩小，浏览器下载的仍然是原图。
第二步：选对格式。
产品照片、场景图：优先 WebP，同等画质体积比 JPEG 小很多；不支持 WebP 的环境用高质量 JPEG 兜底。
需要透明背景的图（LOGO、图标）：用 PNG，但先压。
简单图形、图标：能用 SVG 就用 SVG，体积小且清晰。
认证证书、扫描件：先裁掉多余白边，再压成 JPEG 或 WebP，别直接传扫描原图。
第三步：压缩到“看不清差别”为止。
常用工具：TinyPNG（在线，JPEG/PNG/WebP 都能压）、Squoosh（谷歌出品，可调质量和格式，能直接对比压缩前后）、ImageOptim（Mac）。批量处理可以用 ShortPixel、Imagify 这类工具。目标是画质肉眼可接受、体积明显下降，不是压到模糊。
三、上传后：两个设置别漏
懒加载（Lazy Load）：首屏以下的图片延迟加载，客户滚到哪加载到哪。现在很多版本自带，确认开启；其他建站系统检查有没有这个功能。
响应式图片（srcset）：让浏览器根据屏幕宽度选择合适尺寸的图，手机不下桌面大图。一般 默认支持，如无需要建站时配置。
四、产品图怎么平衡清晰度和体积
工厂站最怕“压完客户看不清产品细节”。实操建议：
主图：清晰优先，压到画质可接受，尺寸 1000–1200px。
细节图/参数图：可以适当多留一点质量，但控制数量，别一个页面堆十几张。
认证证书：能看清文字为准，裁边后压成 JPEG/WebP。
视频：不要直接传大视频文件，用 YouTube 或 Vimeo 嵌入，避免拖垮页面。
五、压完怎么验证
用 PageSpeed Insights 跑移动端，看“Properly size images”“Serve images in modern formats”“Lazy load images”这几项还有没有警告。
用浏览器开发者工具 Network 面板，看页面总图片体积，目标是把图片总下载量压到合理范围。
手机实际打开，感受首屏加载速度。
我们交付轻量站时，图片处理是建站流程的一部分，不是上线后再说；测试环境下可做到1秒内打开，上线前用 PageSpeed 移动端实测截图给你看，实际以你页面内容和服务器实测为准。图片压没压、格式对不对、有没有懒加载，是速度能不能起来的第一道关。
自检清单（拿去问任何建站服务商）
上传前会不会把图片缩到实际展示尺寸？
照片用 WebP 还是 JPEG？有没有格式策略？
首屏以下图片有没有懒加载？
有没有配置响应式图片？
上线前 PageSpeed 移动端实测多少？图片相关警告清没清？
不承诺 Google 排名，但图片压缩和速度是能实测、能验证的事。 你的站如果移动端慢，先别急着换服务商，按上面五步查一遍图片，很多问题不用重做也能改善。
相关阅读：
[多语言外贸站怎么避免机翻陷阱] ｜ [询盘邮件为什么进垃圾箱]
