透明像素的「隐藏颜色」
PNG 里每个像素存四个值:红绿蓝 + 透明度。一个全透明的像素,透明度是 0,但红绿蓝三个值还在——可能是白、可能是黑、可能是任何色,平时看不见而已。
转 JPG 时透明度整个被丢弃,这些隐藏的 RGB 值就暴露出来:抠图没抠干净的区域,隐藏色往往是原背景色;程序生成的图标,隐藏色经常是黑。于是黑底就这么来了。
转换时指定填充色
规范的转换工具在 PNG 转 JPG 时提供「背景色/填充色」选项:手动选白色,透明区域统一垫白。2345看图王转换设置里找这个选项,没有的话看输出预览,默认填色不对就别批量跑。
一批图标混着转,先抽两三张试转看填充效果,对了再全量——图标批量转错的返工成本极高,几十秒的试错值得。
先垫白再转:万能稳妥法
工具没有填充选项时,先给 PNG 垫白底(图像编辑里「拼合到白色背景/新建白底粘贴」),垫完就是没有透明的普通图,再转 JPG 万无一失。
批量垫白:能批处理垫底的工具直接跑;不能的话,把 PNG 们先「拼合」处理一遍,或者索性全转 PSD/其他中间格式再转 JPG——路绕一点,但颜色绝对可控。
各类图标的正确转换路线
软件界面用图标:保留 PNG(透明必须)。打印用图标:垫白转 JPG 或直接嵌进文档。网页用图标:SVG 优先,其次 PNG,别碰 JPG。
黑色图标转白底后,顺手检查边缘:抗锯齿的灰边在白底上很自然;如果有毛边,是原图标边缘就糙,放大重抠不如直接找矢量源文件重新导出。
验收细节与常见翻车现场
转完先别急着交付,把 JPG 放到纯色背景上看四周边缘:黑色描边来自没清干净的隐藏色,灰色晕圈是半透明像素被暴力拉直,这两种瑕疵在白色填充下最容易暴露。眯起眼睛扫一遍轮廓,有问题的图会自己跳出来。验收这一步别省,瑕疵图流到客户手里再追回就难了。半分钟扫完一批,换来的是每次交付的底气和口碑。
半透明边缘是翻车主场:图标、LOGO 的外轮廓常有一圈五成透明度的过渡像素,填充白色后它们本该变成浅灰渐变才自然。如果转换工具把半透明直接当全透明填白,边缘会像被狗啃过一样参差,这种结果没法救,必须用先垫白底再导出的办法重转,顺序换一下效果天差地别。垫白这一步只多花十几秒,挽救的是整张图的边缘观感。
文字截图类 PNG 转 JPG 还有个隐蔽问题:白底填对了,但 JPG 的有损压缩会在黑字边缘生出彩色噪点,质量 90 以下尤其明显。这类内容要么把质量提到 95 以上,要么干脆留在 PNG 阵营别转,文件大不了多少,阅读体验却完全是两个档次,格式选错后面怎么调参数都事倍功半。先把赛道选对,再谈参数。
交付前最后一个动作:把成品发给实际使用的人确认背景色。印刷场景要填的可能不是纯白而是纸张色,网页场景要匹配页面底色,你以为的白和对方要的白经常差一个色阶,贴在页面上会露出一块刺眼的补丁。不同场景的白差之毫厘,贴上去的效果谬以千里。一句确认只花三十秒,一次返工至少半小时,这个交换怎么做都划算,别偷懒。
JPG 这个格式天生不认识透明通道,转换时软件必须给透明区域填一个颜色,填黑还是填白全看设置,你碰上黑底说明当前填充色是黑色。解决办法有两条:在批量转换的输出选项里找背景填充或透明底色一项,改成白色再转;找不到的话,先把 PNG 贴到一张纯白画布上另存,再转 JPG。验收别偷懒,缩略图模式下黑底和透明底长得差不多,你把成品拖到浏览器的深色页面里,或者贴进 Word 换个灰色页面背景,四角有没有黑块一眼就能看出来。图标这类要叠在别的图上的素材,干脆别转 JPG,保留 PNG 才省心。
