图片优化与 alt 实操：外贸站图片最容易踩的坑

外贸站的图片问题，几乎是通病：原图直传、没有 alt、没有压缩、移动端一屏图要加载十秒。图片是外贸站最大的性能坑，也是最容易补的一课。

做 图片优化与 alt 这类的站，买家不会因为「图好看」就发询盘。他先要确认三件事：产品细节能不能看清、信息能不能被搜索引擎读懂、打开速度是不是快到不烦躁。我们做的，就是把这三点一次补齐。

下面按「结论—模式拆解—案例对照—后台落地—常见误区—复用清单」六段走一遍，每一段都给出我们当时的判断和具体动作，你可以对照自己的站看差在哪。

一、先说结论：图片三件事：压缩、格式、alt

先说结论：图片优化就三件事——压缩体积、换成现代格式、写对 alt。三件事做完，移动端首屏能从 8 秒降到 2 秒，搜索引擎也能读懂你的图。

我们说「先说结论」，不是让你跳过过程，而是让你先有判断标准。后面每一步，都是围绕这条结论在做取舍。

二、模式拆解

我们交付时会把这三步写成一页 SOP，客户运营照着做就行，不用每次重新想。

这三步还有个隐藏前提：你得先知道买家是谁。面向工程采购和面向终端用户，三步的内容完全不同。先定人群，再定动作。

三、案例对照：不同行业的同一套逻辑

图片优化是「一次性投入、长期收益」的事。我们交付的站，图片统一走图片库管理，上传时自动压缩转格式，编辑不用关心技术细节。

把同一套逻辑放到不同行业，会发现「变的只是产品和词，不变的是路径」。所以你不需要照抄某个行业的具体做法，只需要照抄它「先回答什么、后回答什么」的顺序。

所以我们从不在不同行业套同一份模板，只套同一套「顺序」。顺序对了，内容是贴合行业的；顺序错了，模板再像也没用。

对照案例时，别只看「他们做了什么」，看「他们在哪一步下了重手」。往往决定成败的，就是那一两个动作做到位了，其他的都差不多。

四、后台怎么落地

后台里栏目、文档、关键词是一一对应的。每篇内容的标题、归属栏目、目标关键词清清楚楚，编辑一眼能看到「这篇是给哪个栏目、接哪组词」，不用靠记忆和表格来回对。

后台把「栏目—文档—关键词—内链」串成一条链，编辑按栏目填内容即可，不用关心技术细节。

后台的价值不在「功能多」，在「把正确的事变成默认」。比如发文时自动检查 TDK 长度、图片自动压缩、内链自动建议——编辑不用记规则，系统替他记。

还有个小细节：后台的「操作留痕」。谁改了哪篇、什么时候改的，都记录在案。团队协作时，这比口头交接可靠得多。

五、常见误区

改造之前，先看看自己有没有中这几条。中了不用慌，基本都是结构问题，能改。

落到具体写法，alt 最容易被搞成两个极端：要么空着，要么堆关键词。我们给客户定的规则就一句——先说清「图里是什么、在什么场景」，再把核心词自然接在后面。比如一张五轴加工中心的车间实拍，alt 写成「五轴 CNC 加工中心正在加工铝合金壳体，车间实拍」，比「CNC加工中心_CNC厂家_CNC代工」强得多：前者能进图片搜索，后者只会被当作弊处理。

体积给一条可操作的参考线：首屏主图压到 150–200KB，列表缩略图 30–60KB，详情大图单张不超过 400KB；整页图片总传输量控制在 1.5MB 以内，移动端首屏图片较好低于 0.5MB。超过这条线，移动端首屏就会肉眼可见地变慢。我们后台图片库上传时就按这些线自动压，编辑不用自己算。

格式上别一刀切：照片类用 WebP（比 JPG 小 30% 以上），需要透明底的用 PNG，图标类走 SVG。要不要上 AVIF 看受众——欧美现代浏览器支持好，但部分老设备不认，能做降级就上，不能就先 WebP 稳住。懒加载也分前后：首屏图必须立即加载，下方图再懒加载，否则首屏出现空白，比慢更伤转化。

六、可复用清单

图片优化没有技术门槛，只有「做没做」。你把这三件事补上，站的打开速度和图片搜索流量，会一起变好。