Photoshop 协作导出 PSD→PNG:把「导出为」里的锯齿、嵌入 ICC 与切片倍率写进工单,避免每人各点一次选项
`photoshop-psd-png-export` 面向设计师在桌面已定稿、需要快速给产品或外包出透明 PNG 的协作场景。Photoshop 的「导出为」里锯齿算法、是否转换为 sRGB、是否嵌入配置文件会直接影响边缘与颜色;若每人习惯不同,同一 PSD 会产出多种 PNG。在线合并解决的是「统一由服务端按可见层合成」这一环,但仍需你在上传前把可见性与色彩意图冻结。建议在团队模板里固定:UI 资产一律转 sRGB 8bit、是否嵌 ICC、透明边是否在主深色底上验收,并把图层复合命名规范写进 README,这样评审截图与线上像素才能对齐。
如何使用
- 本地用「导出为」试出一组金样参数(锯齿、色彩空间、缩放),确认与品牌监测屏一致后,再在 PSD 里保存图层复合为「SHIP」,隐藏评审红线层,上传时备注采用与金样相同的合并逻辑。
- 下载 PNG 后在 Safari 与 Chrome 各拖入一次,并在 iOS 与一台主流安卓上实机查看透明边;移动端色彩管理路径与桌面不同,是 ICC 相关争议的常见来源。
- 将本次导出参数截图或 JSON 附在评审评论里,连同文件哈希一并归档;下次改稿若只口头说「再导一版」而不更新参数记录,很难解释为什么颜色突然漂移。
PSD 转 PNG(photoshop)问答
PNG 半透明边缘在深色网页底上发灰、在浅色底上却尚可,应优先怀疑导出坏了、显示器问题,还是 alpha 与预乘合成在 Safari、Chrome 与 iOS 之间的差异?
半透明抗锯齿边在合成时会把 RGB 与 alpha 一起参与计算,若查看器或游戏引擎按预乘方式解释而你的源是按直接 alpha 制作,就会在深底上出现发灰雾边。应在最终上线的背景色上验收,并在 Photoshop「导出为」里选对锯齿与消边;若仍不满意,考虑针对主底色手工修剪 alpha 而不是要求「再导一次就会 magically 好」。
带嵌入 ICC 配置文件的 PSD 转成 PNG 后,桌面 Chrome 与 iOS 相册颜色不一致,应转 sRGB、保留嵌入还是彻底剥离配置文件,团队规范应如何写才不易被运营另存时破坏?
嵌入 ICC 会让文件自描述色彩,但部分旧版移动端或自定义渲染管线会忽略或误解释配置文件;UI 与 Web 资产常见做法是统一转 sRGB 并在规范里写「按 sRGB 像素解释」。若必须保留广色域工作流,应在设计评审与前端文档同时声明,并准备一台校准设备做对照,否则「iPhone 与 Chrome 不一致」会被误归因为 PNG 转换失败。
渠道要求「PNG」但未说明是否需要透明通道时,应选 24 位不透明还是 32 位带 alpha,选错会导致体积膨胀还是边缘无法与页面背景融合?
24 位 PNG 没有 alpha,适合已带实底且不需要抠边的物料;32 位带 alpha 才能承载透明与柔和投影。选错会导致要么体积无谓增大(该实底却带全透明通道),要么边缘无法与页面背景融合(需要半透明却导成了硬边)。应以渠道清单为准,在工单勾选「需要 alpha / 不需要」,并在批量脚本里硬性校验通道类型,避免混批。
同一套 UI 切图要出 @2x 与 @3x 真彩 PNG 时包体迅速暴涨,在不牺牲透明与锐度的前提下,应优先量化调色板、改矢量/WebP,还是拆分照片底与图标前景?
@2x/@3x 会近似按像素面积放大文件体积,若仍用真彩色无损 PNG 承载复杂照片级底图,包体必然爆炸。应把可矢量化的图标转 SVG,把照片底图改走 JPEG/WebP,只在真正需要锐利透明的地方保留 PNG;对允许的海报类输出可评估 256 色量化是否可接受,并用视觉 diff 工具对比敏感区域,而不是口头说「差不多」。
多人协作时图层复合选错或眼睛开关与复合不同步,导致导出 PNG 缺模块或混入评审层,怎样用流程把「唯一可信的对外可见性」锁死?
图层复合(Layer Comp)应作为唯一可信的对外状态快照,脚本或在线工具只读取复合而非某人本地的眼睛开关,否则并行改稿时极易串版。导出前由第二人按清单勾选复合名称、画板与隐藏标注层,再上传;若仍缺模块,先检查复合是否过期而非指责转换服务。