一张产品图退了四次，AVIF 那栏始终没人签字

那张图是一台不锈钢球阀的四十五度侧视图，一千六百像素宽，用在产品详情页顶部。第一次退回，是因为交上来的 PNG 有 4.2MB；第二次退回，是转成 JPEG 之后浅灰底的页面上露出一圈白色方边，原图的透明通道被平铺成了白底；第三次退回，是 AVIF 版本在手机上打开时，阀体反光那条弧线上能数出三四道阶梯状的色带；第四次退回没写理由，只在交付单的「输出格式」那一栏画了个圈，纸传了一圈回来，四个人谁都没在后面签字。

这一栏在网页制作流程里通常是最后一天才填的，填的人往往是当天手上最空的那个。等它变成争议，会议室里坐着的五个人其实在算五本不同的账，只是都用了同一句话说出口：这图不能这么发。

老板：他不是在心疼那点流量费

咨询报告里有一行被他用记号笔划出来了——AVIF 相比同画质的 JPEG，体积通常能小三成到五成。他拿着这行字问，全站三百多张图为什么还不换。但他真正在意的不是带宽账：这种规模的企业站一年的流量费用不过几百到两千块，省掉四成，也就是一顿饭钱。他怕的是九月展会上客户站在展位前扫码，页面转了半天图还没出来；同样怕的是图出来了，那圈镜面抛光看着发闷、像个塑料件——阀体的光泽是他们跟三家同行拉开价差的地方。这两件事在他嘴里是一件事，交办下去就变成一句「又要小又要清楚」，网页制作这边接住的时候只能自己拆开来算。

市场负责人：他要的是一份文件能在五个地方用

他吃过一次亏。上一轮投放前把落地页图片批量转了新格式，结果分享到某个渠道后缩略图一片空白，原因是页面声明的分享图指向了 AVIF 文件，对方的抓取端根本不解析，排查花了两天，那两天正好压在投放期里。从那以后他的立场很硬：信息流素材、报价单 PDF、发给经销商的群图、展会易拉宝，用的都是同一批底图，而这几个出口没有一个认 AVIF。

他没直说的那半句是：每让设计多导一版格式，就要走一次排期，平均两个工作日，而投放窗口经常只有一个下午。所以他宁可整站都用 JPEG，大一点也认。他嘴里的「通用」，翻译过来是「不用求人」。他那份素材清单里有一多半用途落在网页制作的交付范围之外，前端派生出来的那几份文件根本到不了那些地方，这也是他不肯在格式栏签字的真实原因。

设计师：她拒签的理由是能调出来看的

她不是凭感觉。那张图的反光区是一整片从高光滑到中灰的连续渐变，这种区域恰好是有损压缩最容易露馅的地方。她导了三版摆在一起比：AVIF 质量参数取 50 时，反光带上能数出四道台阶；提到 65 基本看不出来了，但体积只比 WebP 小一成多，换来的收益不足以覆盖后面那堆麻烦；WebP 取 80 时画面干净，落到 216KB。

她另外坚持两件事。带透明通道的抠图产品图不能退回白底，因为详情页背景是浅灰，白底一露就是个方框，这类图要么保 PNG 要么走带 alpha 的 WebP；页面上的图标、箭头、认证标识必须给矢量文件，而不是「再导一张两倍图」，一个矢量图标通常只有两三 KB，放大不糊，换深色主题时改一个填充色就行。她真正的困境是，这些判断没有写进任何一条验收口径，一到评审就被归进「主观意见」那一类，谁嗓门大听谁的。

前端：他的账本上记的是构建时间和回退链路

他不反对新格式，他反对的是没有管线地用。三百多张图全量做 AVIF 编码，按默认速度参数单张要三到八秒，一次完整构建凭空多出十几分钟；碰上改稿的日子一天跑三轮，一个上午就耗在等编码上。回退也不是加一行代码的事：要用 picture 元素按 AVIF、WebP、JPEG 的顺序声明，还得确认 CDN 在按请求头做内容协商时把格式纳入缓存键，上一个项目就栽在这里漏配，缓存命中率从九成掉到六成，图片反而比换格式之前更慢。

他想要的东西其实很简单：在网页制作阶段就把图片管线定死，所有原图从同一个目录进，构建时自动派生三份并生成对应标签，任何人都不许往富文本编辑器里直接贴图。最后半句是冲着坐在他斜对面的运营说的。

运营：他每周要换三到五张图，等不起两个工作日

他的操作路径只有一条：后台编辑器点上传、选文件、保存。上传的经常是业务员在车间用手机拍的原图，四千乘三千像素、八九兆，前台直接就引用了原文件，等于把前端攒了半年的体积优势一次抹平。让他自己先转格式并不现实，他不会装命令行工具，也说不清质量参数 78 和 82 差在哪。

他被考核的是当天更新、当天上线，而走一遍提需求、排期、构建的流程，换一张图要等两个工作日。这不是态度问题，是两套考核在互相拆台：前端对体积负责，他对速度负责，而网页制作交付之后，后台那个上传入口恰好是全流程里唯一没人管的口子。

第五次评审只改了一件事：那一栏不再填格式

交付单上的「输出格式」被整个删掉，换成一栏「用途标签」。填表的人只需要回答这张图用在哪儿，格式由管线按用途自动派生，于是没有人再需要在格式那一栏签字——这一栏本来就不该由某一个岗位来扛。

对照关系一共六条。首屏与详情页主图，派生 AVIF、WebP、JPEG 三份，用 picture 按序回退；带透明通道的产品图走带 alpha 的 WebP，回退 PNG，不进 JPEG 队列；图标、箭头、认证标识一律给矢量文件；用于分享的缩略图固定一张 1200×630 的 JPEG，不参与任何转码，市场那边的抓取空白从源头消失；动态演示不再用 GIF，转成静音短视频，一段三秒的开合动作从 6MB 降到 300KB 上下；报价单和印刷要用的原始大图另存一处，不进网页制作的图片目录。

剩下的争议靠两条兜底规则消化。第一条是渐变敏感标记：设计交付时可以给某张图打一个标，被打标的图直接跳过 AVIF 队列，只出 WebP 且质量参数不低于 78，未打标的图 AVIF 统一不低于 58——把「看着发闷」翻译成一个能复核的数字，评审时就不用再争谁主观。第二条是后台上传口补一道服务端处理：保存时若文件超过 800KB 或长边超过 2000 像素，自动缩放转码并生成派生文件，运营的点击路径一步都不用变，他甚至不需要知道这件事发生过。

那张球阀主图最后填的用途标签是「详情页主图·渐变敏感」，管线跳过 AVIF，输出 WebP 质量 82、216KB，PNG 回退版 480KB；在一台三年前的中端安卓机上，首屏图完整呈现大约用 1.3 秒，反光带上数不出台阶。交付单上原先被画圈的那个位置，现在拆成了三格：市场填用途，设计打标记，前端定参数，各签各的一格，谁也不必替别人的账负责。