实用教程

透明产品图片:为什么PNG仍然显示白色背景

诊断不透明的PNG背景,预览表面和导出更改,然后准备一个在其实际交付环境中有效的产品抠图。

一个钴蓝色帆布包、蓝色色板和一张匹配的产品照片。

PNG可以支持透明度,但实际上可能不包含透明背景。如果您的产品图片显示一个白色矩形,首先检查该白色是像素的一部分、预览界面的一部分,还是在导出或交付过程中添加的背景。每种原因都需要不同的修复方法;更改文件名扩展名并不能去除背景。

Adobe的JPEG和PNG比较解释了这两种格式对透明度的不同支持。在指责网站或重复背景移除步骤之前,请利用这一区别检查文件本身。

编辑图像前诊断矩形

在编辑器或测试页面中,将图像放置在两个明显不同的背景上。真正的透明区域会显示出两个背景。图像中固有的白色区域将保持白色。检查完整的轮廓,包括手柄与主体之间或两条肩带之间的空间。

您所看到的可能的解释(需检查)下一步操作
在任何背景上都是白色矩形不透明的白色像素遮罩或移除背景,然后导出为透明格式
周围颜色随页面变化实际透明如果构图需要,调整页面背景
棋盘格图案随处可见棋盘格图像被保存为像素返回源文件并创建真正的透明度
产品周围有浅色边缘边缘像素保留了旧背景优化遮罩并在浅色和深色表面上检查
源文件是透明的,交付图像不透明导出或交付转换比较上传的文件与页面提供的文件

这些是诊断的可能性,并非声称每个商店都使用相同的图像处理流程。

保留干净的源文件和交付副本

对于一个虚构的蓝色帆布包,请保留一个包含完整产品和可逆遮罩的源文件。从该源文件制作交付副本,而不是反复从已扁平化的导出文件中移除背景。

在合适的缩放级别检查手柄、接缝和织物边缘。目标是可信的轮廓,而不是机械化的硬切。柔软的织物可以比金属搭扣有更柔和的边缘。避免仅仅为了获得完美干净的轮廓而擦除精细的产品细节。

根据其预期用途命名副本,例如透明抠图和米色背景目录图像。白色背景的目录图像可以是完全正确的;问题在于将其与可重复使用的抠图混淆。

检查目标实际提供的内容

在处理大量图片之前,先上传一张测试图片。查看其产品卡和详情页,如果结果发生变化,则将显示的文件与您的原始文件进行比较。在交付工作流程中可能会出现不同的裁剪、背景和图像转换。

Shopify的产品媒体文档描述了该平台支持的媒体和图像处理方式。请遵循您自己目标的当前要求,而不是假设一种被某个服务接受的格式会在所有地方保持不变。

如果源文件显示透明,但目标显示为白色,请判断结果是否确实不理想。具有白色图像区域的商店主题可能正在正确显示透明图像。当矩形蒙版在其他页面颜色上可见或阻碍预期布局时,这才会成为问题。

有意保留阴影

阴影可以帮助孤立的产品感觉更具立体感。决定它应该属于可重复使用的抠图还是最终场景。为左侧光源生成的强烈阴影,当放置在从相反方向照明的背景上时,可能会显得不自然。

以包为例,准备一个干净的产品抠图以实现灵活构图,并在制作最终广告时添加或请求与场景一致的阴影。如果您在透明导出中保留了柔和的阴影,请在浅色和深色背景上测试其边缘效果。

透明度与将玻璃产品变为不透明并移除其周围所有内容不同。透明物体可能包含反射和透射的背景颜色。这些需要比简单的外部轮廓更精心的修饰或合成方法。

使用抠图作为参考,然后判断完整广告

将包的参考添加到 Panelly Studio,并指定您希望保留的产品特征:蓝色帆布、手柄形状、接缝和任何提供的标签。直接描述最终设置。完成的四格广告可以在每个面板中拥有完整、有意的背景。

您不需要仅仅因为其输入参考是抠图就让最终广告保持透明。也不应假设上传的透明图像会创建可编辑图层或保证生成输出中具有相同的像素轮廓。根据参考检查结果,并在修订中指出任何不匹配之处。

为了文件大小和交付质量,请使用单独的产品图片压缩指南。透明度回答了产品周围是什么;压缩回答了如何高效交付图像。

常见问题

将JPEG重命名为PNG会创建透明度吗?

不会。文件名不会重写图像数据或移除不透明的背景像素。在创建所需的遮罩或透明区域后,导出实际支持的格式。

为什么我的透明图像在一个查看器中显示为黑色?

查看器可能将其显示在黑色表面上,或者交付的文件可能已被扁平化。在两种背景上测试图像以区分这些情况。

每个电商图片都应该是透明的吗?

不。根据目的地和构图选择格式。可重复使用的抠图、白色背景的目录图像和完整的场景广告服务于不同的目的。

资料与延伸阅读

Four panels. One ad.

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

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

开始创作 ↗查看次数包