实用教程

商品 PNG 为什么还有白底?检查透明背景和边缘的方法

商品 PNG 为什么还有白底?先检查文件是否透明,再排查蒙版、白边和网页底色。附浏览器内检查工具、具体操作和可直接复制的需求。

虚构商品 · 广告示例

用 Panelly 做出来

把灵感,变成你的商品广告

上传一张商品图,聊聊想法。用 Panelly 制作四格广告、整套素材,或把图片变成视频。

去 Panelly 创作 先编辑需求,再决定生成。
钴蓝色帆布包、蓝色色卡和同款商品照片

商品 PNG 周围还带着一块白底,单纯改后缀没有用。把保存好的文件放到深色和彩色背景上:白色方块仍在,说明文件里有不透明像素;新背景能透出来,白色就可能来自看图软件或网页底色。

可以先用本地图片检查工具。它在浏览器内读取文件、统计透明像素,并提供浅色和深色背景预览,不会上传图片。检测到透明像素后,还要看它们是不是出现在该透明的地方。

重新抠图前,先花一分钟检查

  1. 保存真正的图片文件。不要截取棋盘格预览,那样棋盘格可能也变成图片的一部分。
  2. 用检查工具打开文件,或者在图片编辑器里轮流垫上两块纯色背景。先用深色,再用鲜明的对比色。
  3. 查看商品外围和内部空隙。杯把内侧、包带中间、两个物体之间,本该露出的新背景是否露出来了?
  4. 单独检查轮廓。背景大部分透明了,边缘仍可能留着一圈白线。

Adobe 的格式说明明确指出,PNG 支持透明,JPEG 不支持。但格式支持透明,不代表手里这张文件已经透明。

检查结果说明什么下一步
没有透明像素,白色方块一直在文件是不透明的移除背景或建立蒙版,开启透明选项后重新导出
有透明像素,商品在两种背景上都很干净文件的透明区域基本可用先检查展示它的页面,不急着重新抠图
两种背景上都能看到棋盘格棋盘格已经画进图片回到原图移除背景,不要截取预览
背景消失,边缘还有一圈浅色抠图边缘需要处理在残留旧背景颜色的位置修整蒙版
所有像素都是透明的导出了空图恢复商品图层,再次导出

去掉白底,同时保住商品细节

在支持图层的编辑器中,解锁或复制原图,选中背景并建立蒙版。下方可以保留原始图层备份,但导出前要隐藏它。不透明的原图如果还显示着,白底也会一起导出。

以蓝色帆布包为例,要检查两个提手下方的空隙。只抠外侧,提手里面就会残留白块。再看拉链、布料纤维和细包带,选区处理过度可能把它们也当作背景删掉。

导出新 PNG 时开启透明背景,并隐藏所有纯色背景图层。导出后重新打开文件检查,最终交付的是这个文件,不是编辑器里的预览。

如果通过图像模型抠图,可以从这段需求开始:

移除这个蓝色帆布包周围的背景,包括两个提手内部的空隙。输出真正透明背景的包,不要画棋盘格。保留提手形状、缝线、拉链和原有标签。包的整体不要出框,不要添加新场景或地面阴影。

保存后仍用两种背景检查。提示词说明了你要什么,文件中的透明像素才说明实际导出了什么。

边缘发白,别急着把轮廓继续往里裁

深色背景上出现浅色毛边,常见原因是边缘像素混入了旧白底。先局部修整蒙版,或使用编辑器的边缘去色功能。以 100% 比例看细节,再缩到实际展示尺寸检查。

不要为了去掉白边而不断缩小整个选区,那样容易削细包带、改变轮廓。布料可以保留自然柔软的边缘,硬质搭扣则需要清晰轮廓,同一组参数未必两者都适用。

玻璃还要另看。瓶子周围可以透明,但瓶身本身仍保留原场景的反光和颜色。把轮廓里面也全删掉,瓶子就没了。应保留能体现材质的细节,再判断这些反光是否适合新背景。

文件透明,为什么放到店铺里还是白的?

下载网页实际展示的图片,再检查一次。按三个位置往下找:

检查位置如果白色方块最先出现在这里
电脑上导出的文件检查蒙版、显示中的图层和导出选项
从线上页面下载的文件检查上传处理或图片服务是否做了格式转换
只有页面里发白,下载的文件仍透明检查图片容器的背景颜色

透明包图放在白色页面上,包周围看起来白是正常的。把容器或场景换成别的颜色,观察是否仍有一块白色矩形,才知道有没有问题。

抠干净了,还得让商品真正融入场景

透明背景解决的是轮廓,不会自动解决商品比例、光线方向和接触阴影。可以接着看换背景后的真实感对比,检查商品为什么看着像贴上去的。

在 Panelly Studio 引用包图,描述整张广告:“@image1 是商品,保留蓝色布料和提手形状,把它放在椅子旁,用温暖的窗光。四格成图中加入英文标题‘Ready for the everyday’和行动文案‘Explore the bag’。”画面和文案可以一起生成,参考图是透明底,也不意味着最终广告必须透明。

保留干净的原始抠图,场景版另存、另命名。下次修改时,就不容易选错起点。

资料与延伸阅读

Four panels. One ad.

让下一张广告,从这里开始。

聊聊商品、卖点和使用场景,让 Panelly 帮你创作四格广告。

开始创作 ↗查看次数包