PNG-8能瘦身,但调色板与dithering选错会让透明边发灰、白底露杂边。本文给设计师与交付一张决策矩阵:八位/真彩色选型、参数清单、透明与白边验收、远程 M4批处理耗时对比与体积 FAQ。延伸阅读:OpenClaw 调色板与体积巡检、sRGB / P3 色彩清单。
PNG-8 vs PNG-24 选型表
核心原则:PNG-8是「有限色 + 可选透明索引」的交付格式;PNG-24/32保留全通道渐变与柔和半透明。先按资产类型定表,再微调调色板,避免「为了小而小」导致返工。
| 维度 | PNG-8(调色板) | PNG-24 / PNG-32(真彩色) |
|---|---|---|
| 典型场景 | 图标、贴纸、像素风、色块插画、简单 UI slice | 柔阴影、复杂渐变、品牌摄影合成、需平滑 Alpha 的物料 |
| 透明 | 常为 1bit 或有限透明索引;半透明需评估是否可接受量化 | 完整 8bit Alpha,边缘过渡自然 |
| 体积预期 | 同视觉复杂度下通常明显小于 Truecolor | 较大;可配合元数据剥离与无损重压缩 |
| 主要风险 | 色带、dithering 纹理、边缘杂色、白底夹灰 | 误嵌 ICC、元数据膨胀、导出倍率错误 |
| 交付建议 | 锁调色板 JSON / 色板文件,批次共用同一 pngquant 参数 | 锁 sRGB 与导出倍率;见色彩清单与三款工具工作流 |
一句话:能数清「主要用色」且验收在近距下不可见 dithering,用 PNG-8;否则直接 PNG-24,后期再考虑 WebP/AVIF 分流。
dithering/调色板参数可执行清单
建议在 README 或 manifest 中逐条勾选,保证设计交付可复现(可与 调色板巡检 规则字段对齐)。
- 色数上限:默认 256;若 UI 极简可试 128/64,但必须回看图谱与边缘。
- 调色板生成:全局调色板(多图一板)适合同风格套图;单图自适应板适合插画单体。
- dithering 开关:渐变主导 → 开 Floyd–Steinberg 或工具等价项;扁平色块 → 优先关抖动,避免噪点纹理。
- 透明色保留:指定「透明色键」是否与抗锯齿冲突;冲突时改为 PNG-24 或预先扩张不透明边。
- gamma / 嵌入:与团队 sRGB 约定一致;八位图同样要避免「有板无色描述文件」导致的跨屏差。
- 二次压缩:量化后用
oxipng/optipng做无损压;记录是否剥离元数据。 - 抽检比例:每批至少 5%,含最大渐变与最细线稿各一张。
透明边缘与白边验收步骤
PNG-8 量化最常在透明边缘与白底商品图上翻车;可与 电商白底批量质检 的阈值对齐。
- 棋盘格底:全屏查看透明区域,边缘应利落,无浅灰晕圈。
- 黑底 / 白底对照:各贴一层纯黑、纯白,检查是否出现紫边、绿边或锯齿色带。
- 缩放验收:按实际上屏倍率(1x/2x)各看一遍;dithering 在缩小后是否变成脏纹理。
- 白底 SKU:规范若要求「无透明」,验证 Alpha 通道缺失或全不透明;防止 CMS 再叠一层白底造成双层边。
- 联签记录:不通过样张附截图与参数快照,进入重跑队列而非口头描述。
远程 M4 批处理路径(脚本/动作)与耗时对比
把重活放在远程 M4上,可固定 macOS 色彩与 CLI 版本,本机只做改稿与同步。下表为同批 500 张 1024px 量级素材的经验量级对比(实际随磁盘、通道与是否 SSD 变化)。
| 路径 | 做法摘要 | 人力占用 | 耗时量级(经验) |
|---|---|---|---|
| 设计工具内逐张导出 | 手动选预设、确认切片 | 高 | 基准(最慢) |
| 动作 / 批处理(PS、Affinity) | 录制导出步骤,批文件夹 | 中(需值守) | 约为手动的 1/4–1/6 |
| CLI(pngquant + oxipng) | shell 循环或 Makefile,配 manifest | 低 | 约为手动的 1/10–1/20 |
| OpenClaw / launchd 夜间队列 | 监听 inbox、失败退避重试 | 极低 | 通宵全量;白天仅处理失败清单 |
建议:定稿后在远程机用同一条命令固化参数并与源文件版本绑定。多工具串联见站内 PNG CLI 与监听类文章。
导出后体积阈值 FAQ
图标类 PNG-8,单张多大算合理?
二倍下简单图标常 8–40KB;超 80KB 先查是否误出 @3x、元数据或未量化 Truecolor。
横幅约 1200px 宽,八位上限怎么定?
以最近稳定版为基线,max_bytes = 基线 × 1.25 告警;大促单独签阈值写入交付表。
dithering 打开后体积反而变大?
噪点难压属正常。视觉与体积不可兼得时:关抖动、减色或改 PNG-24。
批量阈值在哪测?
在目标远程 Mac上测,避免本机「看着没事」、上线边缘翻车。