PDF 转 PNG是画册切片、活动主视觉落地页、电商说明图与运营物料里的高频环节;踩坑集中在模糊(DPI/缩放)与偏色(色彩管理)。本文给设计师、交付与运营素材岗一份可执行的决策矩阵 + 验收清单,覆盖 DPI 策略、sRGB 与 Display P3 参数、批量导出与远程 Mac固定环境,便于团队对齐口径。
场景与风险(模糊 / 偏色)
常见场景:Indesign / Illustrator / Figma 导出 PDF 再转 PNG,或法务版、说明书页在 CMS 栅格展示。风险两类:
- 模糊:DPI 未对齐最终像素;低分辨率栅格再被 CSS 放大;多轮缩放致文字发虚。
- 偏色:PDF 内 CMYK 与导出工作空间不一致;Display P3 屏满意而 sRGB 端发灰;只改 ICC 标签未转色域。
设计工具直出 PNG 见《三款工具批量导出 PNG 工作流》《Sketch / Figma 导出清单》;本文补「经 PDF 栅格」的色彩管理与像素预算。
DPI 与缩放策略表
输出像素宽 ≈ 物理英寸 × DPI(高同理)。先定 Web 逻辑宽与是否 @2x,再按下表选型,避免只有「要高清」却无像素契约。
| 交付目标 | 推荐思路 | DPI / 分辨率策略 | 常见踩坑 |
|---|---|---|---|
| Web 头图(如宽 1200px) | 按目标像素栅格,Retina 另出 @2x |
直出 1200 / 2400 px,或版心英寸 × DPI 对齐该像素 | 300 DPI 超大图再被 CSS 缩小 → 体积大仍可能发软 |
| 应用多密度插图 | dp + 倍率表驱动 | 各密度固定像素,禁一套拉伸全局 | 只给 @1x → 高分屏糊 |
| 印刷转屏 | 分清仅屏显或仍印刷 | 屏显按上线像素重采样;印品保留矢量/高分支流 | 印前 PDF 直接当 Web 主资源 |
| 批量缩略图 | 统一最长边+锐化 | 脚本写死 max-edge 与算法并文档化 |
人手缩放导致锐化不一 |
4K / 多倍率批量见《远程 Mac M4 批量导出 4K PNG》。
色彩空间与导出参数
创作可用 Display P3,Web PNG 多数以 sRGB 交付。PDF 含 CMYK 时须约定转换意图与黑场补偿,并留签字样张。
| 维度 | sRGB(Web 默认) | Display P3(广色域) | 选用建议 |
|---|---|---|---|
| 上线 PNG | 首选 8 位 RGBA;ICC 与前端一致 | 仅产品明确支持 P3 且有回退 | 活动页/H5/小程序 → sRGB |
| 品牌主色 | sRGB hex 为合同;浏览器复检 | P3 母版导出前转换为 sRGB | 禁只改标签不转色 |
| 透明 Logo | Straight alpha,深浅底看边 | P3→sRGB 注意边缘夹色 | 见《sRGB / P3 清单》 |
| 归档 | 可另存 sRGB 分发版 | 源 PDF/原生保留 P3 或指定 ICC | sources/ 与 dist/web-srgb/ 分目录 |
混用 WebP/AVIF 见《混合格式验收》。
批量脚本 / 动作流程
批量导出应固定一条「官方路径」:
- Acrobat / 预览:中等页数;色彩与压缩与样张一致。
- Automator / 快捷指令:监听文件夹出 PNG,参数截图存档。
- CLI(sips、ImageMagick 等):出 manifest(页码、宽高、字节、profile)。
- OpenClaw:见《安装与批量校验》《PNG 质检》,失败页重跑。
冻结 macOS 小版本、工具版、ICC 与 DPI 表,写入 README-raster.md。
跨屏一致性验收
目标为可复现签字,可与色彩清单中的预览步骤合并:
| 步骤 | 操作 | 通过标准 |
|---|---|---|
| 1 | 参考远程 Mac 100% 像素查看 | 锐度不低于样张 |
| 2 | Safari/Chrome,#FFF / #121212 底 | 色与渐变在容差内;透明无灰边 |
| 3 | 外接 sRGB 屏对比 | 与「上线法律依据」一致 |
| 4 | manifest 抽检约 5% | 宽高/体积/Alpha 达标,异常可追溯到页码与参数 |
压缩见《压缩交付三步》,防二次偏色。
FAQ
问:Acrobat 导出发灰? 答:查 CMYK→RGB;源文件先转 sRGB 再出 PDF,或栅格时指定输出并转换配置文件。
问:Mac / Windows 结果不同? 答:正常;以单一官方环境(固定 macOS + 工具)为准。
问:每张都要嵌 ICC? 答:与前端约定即可,策略写进 README。
问:能通宵批处理? 答:可,用不关机的远程 Mac 配日志与磁盘监控更稳。
小结与下一步
先锁像素与倍率再选 DPI;P3 创作、sRGB 交付,禁假转色;批处理写死工具链,按跨屏表签字。长批次建议用远程 Mac 固定环境,并延续站内 PNG 工作流文章。
远程 Mac 套餐与免登录入口
要固定系统与工具、夜间大批量 PDF 转 PNG 不占本机,可免登录打开 首页、购买 / 租用、价格与节点,按 帮助中心接入。更多文章见 技术见解。