教程 · 图片处理
透明 PNG 放到深色底出现白边：先分清是残留还是预乘问题
识别透明图白边的两种成因，用去边、同色描边和缩放复验把素材放到任何底色上都干净。
前置：有一个带透明通道的 PNG 素材，需要在深色网页或深色海报上使用。
材料：透明 PNG 素材、Photopea 网页版、深色画布、浏览器预览
材料：透明 PNG 素材、Photopea 网页版、深色画布、浏览器预览
步骤
1. 在深色画布上定位
新建一个深灰或纯黑画布，把 PNG 放上去放大到 200% 观察边缘；白边是连续一圈还是断续几点，连续多半是预乘或羽化残留，断续则是个别像素没清干净。
2. 检查是否带白色杂边
用魔棒点透明区域，看选区是否把边缘半透明像素排除在外；如果选区直接贴到图形本体，说明边缘还留着一圈接近白色的像素，需要先去掉。
3. 去边或收缩一个像素
在图层样式里用去边功能，或把图层选区收缩 1 像素后反选删除；两种做法都是切掉和白色混合的那一圈，动作要小，否则会把图形本身的细线一起吃掉。
4. 用本体颜色描边兜底
对图标类素材，加 1 像素与图形主色相同的描边，把半透明边缘盖住；描边放在图形内侧，避免整体变大影响排版对齐。
5. 缩放后再验一次
把素材缩到实际使用尺寸的 50%，再放到深色和浅色两种背景上看；缩放会暴露插值产生的灰边，这一步通过才算真正可用。
做完检查
- 深色和浅色背景下边缘都没有白圈
- 缩小到实际尺寸后没有灰色描边
- 透明区域在浏览器里显示为透明而非白色
常见错误
- 用白色描边处理白边，等于把问题描了一圈
- 导出成 JPG，透明通道直接丢失
- 只在白色背景上验收，换深色底立刻露边
相关工具
同类教程
商品图压到 200KB 还不糊：先改尺寸还是先降质量
学会先缩尺寸再降质量的两段式压缩，把商品图稳定压到 200KB 以内且文字边缘仍然可读。
查看 →手机拍的白底商品图发灰：先调曝光还是先校白平衡
判断发灰是曝光不足还是色温偏移，用曝光、白平衡和曲线三步把背景拉回干净的白底。
查看 →头像换底色后边缘一圈白边：先查来源再决定收缩还是描边
定位白边来自背景残留还是羽化过度，用容差、收缩选区和深色底验收三步把头像是边缘处理干净。
查看 →更新时间：2026-10-29 · 平台规则/软件版本会变；操作前保留原件，以实际页面为准。
跨库学习路径
按共同关键词匹配，不是随机推荐；从任务到提示词/教程/项目继续走。