一张商品图为什么压缩后被退回：边缘锯齿、细小文字和阴影层谁先坏

2026 年 5 月 14 日凌晨，我在队列里复看一张已经过稿的商品图，触发点不是原图不好，而是压缩后的手机预览露了馅。

原始大图放到 200% 看，白底干净，主体边缘也顺。然后导出一张更小的预览图，问题立刻变硬：瓶身边缘有一圈浅灰锯齿，包装底部的细小文字糊成一条线，透明盖边缘像被削掉一层，投影从自然接地变成一块死灰。大图过了，缩小图没过。

这类返工很烦。它不属于“图叮没修干净”，也不完全属于“平台压缩太狠”。真正的问题是交付流程只验了原图，没有验上线后的实际读图状态。

图注：原图、导出图和手机预览要分层返检

先验原图，再验压缩图：两张图回答的问题不一样

原图验的是修图动作有没有误伤。压缩图验的是上线后还剩多少证据。

这句话听起来像废话，但很多团队会漏。修图师交付 3000 像素宽的 WebP，运营在后台看到的是被平台再次压缩、裁切、套容器后的版本。买家看到的更小，可能只是手机列表页里一块缩略图。原图里的 3 像素灰边，在缩略图里会变成一圈脏线；原图里勉强可辨的喷码，压缩后会直接糊成污渍。

我的做法是把验收拆成两层。第一层看原图：有没有多修、漏修、结构漂移。第二层看压缩图：边缘、文字、透明边、阴影还可不可解释。先 / 然后 / 但，这三个动作要分开。先确认素材没有被改坏，然后确认压缩没有把证据挤没，但不要用压缩图去反推“商品本来就脏”。

这和 AI + PS 动作批量修图工作流 里的抽检逻辑一样。机器适合先做重复动作，人工要在交付前看边缘、文字和局部锐化有没有过头。区别是，这里多了一道“压缩后再看”。

第一处坏点：边缘锯齿会把干净图变成廉价图

边缘锯齿最容易被误判成小问题。因为它不影响主体识别，也不会让商品变形。可在白底主图里，边缘就是商品的轮廓信用。

一张商品图如果瓶口、盒角、金属扣边缘出现灰白交替的小齿，买家不一定说得出“这是压缩伪影”，但会觉得图不利落。更麻烦的是，锯齿常常把原本准确的轮廓变成假边。透明商品会像抠图失败，金属商品会像边缘发毛，软包装会像被剪刀剪坏。

返检时不要只问“边缘有没有干净”。要把边缘分三类看。

图注：边缘、小字、透明边和阴影分开看

第一类是主体硬边，比如盒角、瓶盖、金属管口。压缩后仍要保持连续，不该有断裂白边。第二类是半透明边，比如透明盖、玻璃瓶口、薄塑料膜。这里不能追求硬切，应该保留轻微折射和厚度线。第三类是柔性边，比如布料、纸袋、食品包装褶皱。这里允许一点自然起伏，但不允许被锐化成锯齿。

如果边缘已经在压缩图里发毛，别急着回到原图继续磨。先看导出链路：尺寸是不是被后台二次缩放，锐化是不是叠了两次，WebP 质量是不是压得太低。很多返工不是修图动作错，而是导出和上传把边缘重新打碎。

第二处坏点：细小文字糊掉后，客服就少了一条证据

商品图里的细小文字不是都要读得清。成分表、批号、型号贴、容量标、警示区，各有不同的责任。

这里最怕一种偷懒：大图里文字看起来“差不多”，压缩后就放行。等到运营把图放到详情页，文字区域糊成黑灰条，客服再想解释“页面上有标”，已经不够硬。买家不需要读完整小字，但要看得出那里确实有标签、贴纸、喷码或规格区。

我会把文字区分成三档。可读文字，例如型号、容量、规格名，压缩后至少不能糊成一块。不可读但必须存在的文字，例如批号喷码、防伪贴、警示块，压缩后要保留形态和位置。无关装饰文字，可以弱化，但不能被 AI 改成似是而非的假字。

这也是 金属产品精修通过 / 不通过矩阵 一直强调的事：局部锐化不是越多越好。小字被锐化过头，会出现黑边和重影；小字被降噪过头，会变成灰泥。两边都不稳。

图叮这类 AI 修图适合先清背景灰、压住脏反光、保护标签边缘。最后一道人工返检要看压缩后的文字块：它不一定要让人读完，但不能让人怀疑这里被重画过。

第三处坏点：透明边和阴影层压坏后，商品会像贴上去

透明边和阴影层是一组问题。一个负责“材质像不像”，一个负责“商品站不站得住”。

透明盖、亚克力边、玻璃瓶底，在原图里会有折射和灰边。修图时如果只追求干净，容易把这些灰边当脏点清掉。压缩后更糟，剩下的半透明信息会被合并成一条硬白线。商品看起来更亮，但也更假。

阴影层也一样。原图里的投影有深浅过渡，压缩后如果只剩一块灰，商品就像贴纸。若完全没有阴影，商品又像悬浮。返检时要看两件事：接触阴影有没有保住，边缘阴影有没有和商品轮廓对上。桌面灰可以清，真实接地关系不能被清没。

这类问题可以参考 电商详情页图片优化 里的一个老原则：详情页不是单张图好看就行，而是多张图共同建立信任。白底主图如果把透明边和阴影层都压扁，后面的细节图再解释也会吃力。

返工不是重修整张图，而是补一个压缩后检查层

遇到压缩后被退回，不要马上把整张图推倒重修。先补检查层。

第一步，把原图、导出图、后台预览图并排。看问题发生在哪一层。原图已有白边，是修图问题；导出后才有锯齿，是导出问题；后台预览才糊，是上传压缩问题。

第二步，圈四个区域：主体硬边、细小文字、透明边、接触阴影。每个区域只写一个处理动作。比如“瓶盖硬边降锐化”“型号贴不重绘，只保形态”“透明盖保留厚度灰边”“投影从 35% 降到 25%，不清空”。

第三步，再出一张手机预览。不要只看桌面大屏。电商图最后是在手机上被扫过的，手机上看不出的证据，就不该在交付单里写“已保留”。

这套流程不复杂，但它能把责任拆开。图叮负责把图修干净，导出链路负责不把细节压坏，人工返检负责确认上线图还可解释。三件事混在一起，最后谁都说不清。

下次交付前，先做一张“压缩后返检小图”

给团队的下一步很具体：从今天开始，在每个商品图包里多放一张 900 到 1200 像素宽的压缩后返检小图。

不用复杂命名。就在原文件名后面加 preview-check。打开它，只看四个位置：边缘有没有锯齿，小字有没有变泥，透明边有没有变硬，阴影有没有断层。四个位置都过，再把图交给运营。四个位置有两个不过，别争论审美，回到导出链路和局部保护层重新处理。

大图让你知道修得对不对，小图让你知道上线后还靠不靠谱。先把这两张图分开，很多返工会少一半。