去背景

拖拽图片到此处或点击上传

拖拽图片到此处

文件过大(最大 20MB)

透明背景 PNG:最怕“在设计师屏幕上完美,在网站上露馅”

路由 `transparent-background-png` 面向贴纸、角标与 UI 素材:透明通道在浅色与深色界面上的观感完全不同。常见问题是白边、黑边或半透明过渡被压成硬边,叠到照片或渐变底时格外刺眼。除放大检查发丝与网格外,务必导出后在产品实际使用的背景色(含 #f5f5f5 类浅灰)上测试。若还要进视频或游戏引擎,留意预乘 alpha 与 mipmap 带来的额外差异。固定导出位深、色彩配置与压缩级别,能显著减少跨同事、跨批次漂移。

transparent-background-png 建议步骤

  1. 确认是否需要保留投影或描边,以及目标平台是否限制 PNG 体积。
  2. 在浅灰、品牌主色与深色三种底上叠图检查光晕与锯齿;必要时为不同主题输出专用版本。
  3. 走一遍实际上传或构建流程,确认 CDN 压缩不会把透明边打成实边。

remove bg(transparent)问答

为什么同一张 PNG 在 Figma 里正常,在浏览器里发白?
多半是显示与色彩管理差异;以浏览器实机为准,并检查是否误用带背景色的导出预设。
需要同时支持明暗主题,要导几张?
至少准备 on-light / on-dark 两套,或在设计系统里规定统一描边补偿。
缩略图里边缘发糊是谁的问题?
可能是平台二次锐化或缩放算法;用站内预览尺寸做终检,而不是只看原图 100%。
`transparent-background-png` 上线后运营换深色主题,贴纸发白边谁负责?
在设计系统里约定明暗两套资源或统一描边策略;仅交付单张 PNG 时应在需求里锁定目标背景色。
动效同事要把同一贴纸进视频,还要注意什么?
确认预乘 alpha、色彩空间与序列帧导出规范;平面 PNG 直接丢时间线常会露边。
More versions