← 返回在线PS · 关于 · 隐私政策 · 服务条款 · 博客 · 联系我们

如何在线制作透明背景 PNG(免费、免注册)

发布于

要做一页彩色幻灯片上的 Logo、一个聊天表情贴纸,或者一张从背景里抠出来的产品图 —— 突然之间,"透明底 PNG"就挡在你和成品之间。好消息是,你不需要 Photoshop,甚至不需要安装任何软件。本文手把手教你用在线PS制作透明背景 PNG:这是一款完全在浏览器里运行的免费在线修图工具,免注册、无水印,图片自始至终不离开你的设备。

"透明"到底是什么意思

数字图片里的每个像素都带有颜色信息 —— 红、绿、蓝三个数值。支持透明的格式会在此基础上增加第四个数值,叫做 Alpha 通道,用来描述这个像素有多"实"。Alpha 为 100% 表示完全不透明,0% 表示完全看不见,中间的数值就是半透明。正是这些中间值,让抠出来的主体边缘平滑自然,而不是一圈锯齿。

编辑器没办法直接显示"什么都没有",所以透明区域通常画成灰白相间的棋盘格。棋盘格并不是图片内容,只是编辑器告诉你"这里是空的"的方式。下面的教程里你会一直依赖它。

什么时候真的需要透明底?比想象中频繁得多:

为什么选 PNG —— 导出成 JPG 会怎样

并不是每种格式都能携带 Alpha 通道。PNG 可以完整保留透明信息,这正是它的设计初衷,也是各大平台、设计软件和办公套件普遍接受的透明图格式。而 JPG 根本无法存储透明:如果你把抠好的图导出成 JPG,透明像素会被悄无声息地"压"到某个纯色上(通常是白色),那个文件里的透明信息就永远丢失了。WebP 是比较新的格式,同样支持透明且体积更小,但当你不确定对方接受什么格式时,PNG 仍是最稳妥的选择。

一个简单的原则:工程母版一律存 PNG;只有完全不涉及透明的普通照片,才导出 JPG。

实操教程:去掉一个简单的背景

下面是在在线PS 里的完整流程,最适合轮廓比较干净、背景比较单纯的素材 —— 产品图、Logo、扫描的签名、摆在桌面上的物件等。

  1. 打开在线PS,选择 File → Open(也可以直接把图片拖进页面)。文件从你本机磁盘载入,不会上传到任何地方。
  2. 先保护原图:选择 Layer → Duplicate Layer(复制图层),之后在副本上操作。万一改坏了,没动过的原图还在底下,用 Layer → Delete Layer 删掉改坏的图层重做那一段就行。
  3. 用工具栏上的矩形选框工具先清掉大块背景:框选一大片背景区域,按 Delete 键(即 Edit → Clear Selection,清除选区),选中的区域立刻变成棋盘格 —— 这就是真正的透明。绕着主体重复几次,直到只剩一圈边缘,然后按 Ctrl+D(Edit → Deselect)取消选区。
  4. 橡皮擦工具修边:选较小的笔刷,放大画面,沿着主体轮廓仔细擦除残余背景。橡皮擦是擦成透明的,所以被擦掉的地方是镂空,而不是变白。

接下来是必须实话实说的部分,先讲清楚能少很多挫败感:在线PS 没有一键 AI 抠图,选区也只有矩形一种 —— 没有魔棒,也没有套索。对于背景纯色、边缘横平竖直的产品图,上面四步几分钟就能搞定;但如果是飘散的头发、动物毛发或树枝这类复杂边缘,就需要在高倍放大下用小号橡皮擦耐心处理 —— 或者干脆接受一种略带"剪纸感"的干净轮廓。提前知道这些,你才能给这个工具挑对素材。

边做边检查

导出并验证你的 PNG

背景清干净后,选择 File → Export as PNG(快捷键 Ctrl+S),文件直接保存到你的设备上 —— 免费、免注册、不加水印,你刚做好的 Alpha 通道会被原样保留。

别急着交差,先验证一下。最简单的办法是把导出的文件放到一个非白色的查看器里打开。更直观的检查就在应用内部完成:用 File → New 新建一张画布,用油漆桶或渐变工具铺一个鲜艳的颜色,然后 File → Import as Layer 把刚才导出的 PNG 叠上去。每个透明像素都会透出底下的亮色,任何没擦干净的背景残留都会立刻现形。顺便说,这个"作为图层导入"的方法,也正是把抠好的图合成到最终背景上的做法 —— 无论新背景是纯色页面、另一张照片还是一张设计稿。

常见坑,提前避开

亲自试一试

打开在线PS,拖入一张产品图或 Logo,照着上面四步做一遍。因为整个应用都基于 Canvas API 在你的浏览器本地运行,加载完成后断网也能用,图片也永远不会碰到任何服务器。免费、免注册、无水印。

相关教程