要做一页彩色幻灯片上的 Logo、一个聊天表情贴纸,或者一张从背景里抠出来的产品图 —— 突然之间,"透明底 PNG"就挡在你和成品之间。好消息是,你不需要 Photoshop,甚至不需要安装任何软件。本文手把手教你用在线PS制作透明背景 PNG:这是一款完全在浏览器里运行的免费在线修图工具,免注册、无水印,图片自始至终不离开你的设备。
数字图片里的每个像素都带有颜色信息 —— 红、绿、蓝三个数值。支持透明的格式会在此基础上增加第四个数值,叫做 Alpha 通道,用来描述这个像素有多"实"。Alpha 为 100% 表示完全不透明,0% 表示完全看不见,中间的数值就是半透明。正是这些中间值,让抠出来的主体边缘平滑自然,而不是一圈锯齿。
编辑器没办法直接显示"什么都没有",所以透明区域通常画成灰白相间的棋盘格。棋盘格并不是图片内容,只是编辑器告诉你"这里是空的"的方式。下面的教程里你会一直依赖它。
什么时候真的需要透明底?比想象中频繁得多:
并不是每种格式都能携带 Alpha 通道。PNG 可以完整保留透明信息,这正是它的设计初衷,也是各大平台、设计软件和办公套件普遍接受的透明图格式。而 JPG 根本无法存储透明:如果你把抠好的图导出成 JPG,透明像素会被悄无声息地"压"到某个纯色上(通常是白色),那个文件里的透明信息就永远丢失了。WebP 是比较新的格式,同样支持透明且体积更小,但当你不确定对方接受什么格式时,PNG 仍是最稳妥的选择。
一个简单的原则:工程母版一律存 PNG;只有完全不涉及透明的普通照片,才导出 JPG。
下面是在在线PS 里的完整流程,最适合轮廓比较干净、背景比较单纯的素材 —— 产品图、Logo、扫描的签名、摆在桌面上的物件等。
接下来是必须实话实说的部分,先讲清楚能少很多挫败感:在线PS 没有一键 AI 抠图,选区也只有矩形一种 —— 没有魔棒,也没有套索。对于背景纯色、边缘横平竖直的产品图,上面四步几分钟就能搞定;但如果是飘散的头发、动物毛发或树枝这类复杂边缘,就需要在高倍放大下用小号橡皮擦耐心处理 —— 或者干脆接受一种略带"剪纸感"的干净轮廓。提前知道这些,你才能给这个工具挑对素材。
背景清干净后,选择 File → Export as PNG(快捷键 Ctrl+S),文件直接保存到你的设备上 —— 免费、免注册、不加水印,你刚做好的 Alpha 通道会被原样保留。
别急着交差,先验证一下。最简单的办法是把导出的文件放到一个非白色的查看器里打开。更直观的检查就在应用内部完成:用 File → New 新建一张画布,用油漆桶或渐变工具铺一个鲜艳的颜色,然后 File → Import as Layer 把刚才导出的 PNG 叠上去。每个透明像素都会透出底下的亮色,任何没擦干净的背景残留都会立刻现形。顺便说,这个"作为图层导入"的方法,也正是把抠好的图合成到最终背景上的做法 —— 无论新背景是纯色页面、另一张照片还是一张设计稿。
打开在线PS,拖入一张产品图或 Logo,照着上面四步做一遍。因为整个应用都基于 Canvas API 在你的浏览器本地运行,加载完成后断网也能用,图片也永远不会碰到任何服务器。免费、免注册、无水印。