· TagPeek
· TagPeek
Transparent PNGs render black on Etsy — here's the fix
透明 PNG 在 Etsy 上发黑 —— 这样修
- Flatten transparent PNG heroes to a solid shop-matching background. 把透明 PNG 首图压平到与店铺一致的实心背景。
- Re-check image-zoom after flatten — transparency fix ≠ pixel floor. 压平后再查图片放大——修透明不等于过像素门槛。
- Verify buyer-facing tiles on desktop and mobile, not only admin thumbs. 在桌面与手机买家视图核实瓷片，别只看后台缩略图。
I learned this on a sticker listing: transparent PNGs looked perfect in Photoshop and turned charcoal gray — or outright black — on Etsy search grids. The issue is not mystery compression alone. It is how see-through backgrounds interact with Etsy’s image pipeline and the backdrop buyers see in dark-mode browsers.
我在自己的贴纸商品页踩过：透明 PNG 在 Photoshop 里完美，到了 Etsy 搜索网格却变成炭灰——甚至纯黑。问题不只是神秘压缩。更是透明背景如何与 Etsy 的图片流水线、以及买家在深色模式浏览器里看到的背景交互。
Rule 08 in TagPeek’s rules library documents transparent background guidance. Our re-upload steps defaults to opaque product photos for predictable display. Sellers exporting logos, stickers, or digital mockups with clear backgrounds hit this most often.
TagPeek 规则库的规则 08 记录了透明背景指引。我们的重新上传配方默认用不透明商品图以保证显示可预期。导出 logo、贴纸或数字样机且背景透明的卖家，最常踩到这一点。
Why transparent heroes go dark
为什么透明首图会发黑
See-through edges assume something will blend them against a chosen backdrop. Etsy category tiles and mobile search cards do not guarantee white behind your art. Soft half-transparent pixels that look fine on a checkerboard canvas collapse against dark UI borders.
半透明边缘假定会有东西把它们与选定背景混合。Etsy 的类目瓷片与手机搜索卡片，并不保证你的作品背后一定是白底。在棋盘格画布上看起来柔和的半透明像素，撞上深色界面边框就会塌掉。
The fix is boring and reliable: flatten to a solid background that matches your shop — usually white or light neutral for catalog consistency. Export JPEG at high quality for photos. PNG still works when you truly need transparency, but test on the live listing.
修复办法无聊但可靠：压平到与店铺一致的实心背景——商品目录通常用白或浅中性色以求一致。摄影商品用高质量 JPEG。确需透明时 PNG 仍可用，但务必在线上商品页上实测。
How I flatten without breaking zoom
我怎么压平又不搞坏放大
TagPeek’s local detector flags transparency as a self-check so you catch it before upload. I combine that with crop previews so flattened backgrounds still place the product inside safe zones for square grids.
TagPeek 本地检测会把透明标为自检项，帮你在上传前抓住。我再配合裁切预览，确认压平后的背景仍把商品放进方形网格的安全区。
Sticker shops sometimes keep transparency for die-cut previews. If search heroes use transparency, verify on desktop and mobile listing views, not only in admin thumbnails.
贴纸店有时为刀模预览保留透明。若搜索首图使用透明，请在桌面与手机商品页视图核实，不要只看后台缩略图。
Print-on-demand mockups with fake shadows on transparent PNGs often fail buyer trust even when backgrounds render correctly. Flattened natural shadows on opaque backgrounds usually read better at thumbnail scale.
按需印刷样机若把假阴影做在透明 PNG 上，即便背景渲染正确，也常损害买家信任。不透明背景上的自然阴影，在缩略图尺度通常更好读。
Dark-mode Etsy apps can exaggerate gray fringes around hairline edges. Flattening with a one-pixel matting color reduces halos.
深色模式的 Etsy App 会夸大发丝级边缘周围的灰边。用一像素的垫底色压平，可减轻光晕。
Do not confuse transparency issues with the 794px preview trap. Right-click saves can be both small and flattened wrong. Measure your export file locally.
别把透明问题与 794px 预览陷阱混为一谈。右键另存可能既小、又压平错误。请在本地测量你的导出文件。
Hover-zoom still applies to flattened JPEGs if the short side clears the published floor near 2000px. Transparency fixes display; pixels still control zoom separately per Rule 01.
压平后的 JPEG 只要最短边达到公开的近 2000px 下限，图片放大仍然适用。透明修复的是显示；像素是否够数仍按规则 01 单独决定能不能放大。
First-photo 635px floors apply to flattened files too. A tiny transparent logo upscaled onto a large canvas passes dimensions while failing the squint test — crop tighter before flattening.
首图 635px 下限同样适用于压平文件。把很小的透明 logo 放大贴到大画布上，可能过尺寸关却过不了眯眼测试——压平前先裁紧一点。
I batch flatten with Photoshop actions or Affinity macros. I record background color, flatten, export sRGB, run through TagPeek, and paste the recipe into the action notes.
我用 Photoshop Action 或 Affinity 宏批量压平。记录背景色、压平、导出 sRGB，跑 TagPeek，把配方贴进 Action 备注。
Canva users: toggle background color before download. Transparent download is the default for some templates unless you set a backdrop.
Canva 用户：下载前打开背景色。部分模板默认透明下载，除非你设了衬底。
Digital download listings showing transparent mockups in hero slots should still test buyer-facing tiles. Buyers judge files from the still hero, not the ZIP contents.
数字下载商品页即使压缩包里是透明样机，首图槽仍应测试买家那边瓷片。买家根据静态首图判断，而不是压缩包内容。
If black backgrounds are intentional brand style, verify contrast on both light and dark UI shells Etsy uses in different contexts.
若黑底是刻意的品牌风格，请在 Etsy 不同场景使用的浅色与深色界面外壳上都核实对比度。
Re-audit after Etsy image processing when you change only background color. Page cache can lag; private-window checks reduce false panic.
只改背景色后，等 Etsy 图片处理完成再复审。页面缓存可能滞后；用无痕窗口检查可减少虚惊。
TagPeek does not upload your PNG for remote analysis. Local reads keep staging files on your machine — important when art is unreleased.
TagPeek 不会把你的 PNG 上传做远端分析。本地读取让未发布的作品留在你的机器上——对未公开稿件很重要。
If flattening fixes display but zoom stays off, return to shortest-side measurement — two independent checks.
若压平修好了显示但放大仍关，回到最短边测量——这是两项独立检查。
I keep a flattened finals folder separate from layered masters. Future edits need layers; Etsy needs predictable pixels.
我把压平终稿文件夹与分层原稿分开。未来编辑需要图层；Etsy 需要可预期的像素。
Avoid semi-transparent white boxes behind text on heroes. They become muddy gray on dark backgrounds.
避免在首图文字后叠半透明白框。它们在深色背景上会变成浑浊的灰。
Transparency problems feel like platform bugs; most are fixable export choices I verify in ten seconds locally before I publish.
透明问题常被当成平台 bug；多数其实是可在发布前本地十秒核实的导出选择。