图片加圆角后为什么露出白角：透明通道、JPG 黑底和 PNG 导出怎么排查

同一张图片，编辑器里看着已经有圆角，放进深色页面却冒出四块白；改存 JPG 后，白角又可能变成黑角。为什么几乎一样的操作，会得到三种结果？要回答它，不能只盯着“圆角半径”这个参数，而要拆开两个动作：四角的像素究竟被改成了什么，以及导出格式能不能保存透明度。下面从像素开始推导，排查时不靠反复试格式。

基础事实：圆角不是轮廓，而是四角像素的透明度变化

位图没有“这张图天生是圆的”这种属性。它仍是一块矩形像素网格。所谓圆角，是软件按照半径计算一条弧线，把弧线外侧的像素设为透明，把弧线附近的像素设为半透明，用抗锯齿让边缘看起来平滑。

这里要分清两组信息：RGB 决定像素是什么颜色，Alpha 决定这个颜色显示多少。常见的 8 位 Alpha 可以用 0 到 255 表示：0 是完全透明，255 是完全不透明，1 到 254 是不同程度的半透明。圆角边缘之所以不生硬，正是因为弧线附近存在一圈半透明像素，而不是只有“显示”和“不显示”两档。

图注：RGB 管颜色，Alpha 管不透明度和边缘过渡。

根据图叮 AI 当前公开的图片基础编辑页面，截至 2026 年 7 月，圆角操作会把四角做成真透明并输出 PNG；同一页还提供 90、180、270 度旋转、翻转、边框与整体调色。这个官方页面给了一个可核对的产品边界：圆角结果依赖透明通道，JPG 本身不承担保存透明度的任务。

因此，判断圆角是否成功，不能只看白色编辑画布。白色画布会把“透明角”和“白色实心角”显示成几乎同一种样子。真正要问的是：把图片放到黑、灰、彩色背景上，四角能否透出下面的背景。

从像素推出结论：白角和黑角是两种不同故障

图注：白角、透明角和黑角对应三种不同像素状态。

白角通常意味着工具没有删除弧线外的像素，只是在矩形图片上画了一层白色圆角框。它在白色页面上很会伪装；换成深色背景后，四个白色实心区不会透出底色，问题才暴露。这不是“透明 PNG 显示异常”，而是文件里根本没有得到透明角。

黑角则常出现在透明结果被转成 JPG 的环节。JPG 不保存 Alpha 通道。编码或预览软件必须先决定：原来透明的位置要和哪种背景合成。有的软件垫白，有的软件垫黑，也有工作流允许用户自己选底色。黑色不是 JPG 的固定“透明色”，而是某个转换环节选择黑底后的结果。只改文件扩展名更不能完成合成，它只是改了名字，没有把像素数据变成另一种编码。

这两个故障的处理方向相反：

看到的结果	像素层面的含义	应该修哪里
深色背景上露白角	四角仍是白色不透明像素	回到圆角工具，生成真透明角
PNG 正常，转 JPG 后发黑	透明通道在转换时被丢弃并垫了黑底	转换前指定背景色，再合成导出
边缘有灰白细圈	半透明抗锯齿像素与旧底色混合	用目标背景复检，必要时重做边缘
文件名是 PNG，四角仍不透明	格式支持透明，不等于文件一定含透明像素	检查实际 Alpha，而不是看后缀

如果最终目的就是白底 JPG，可以继续看透明背景加白底的处理路径。那篇处理的是“主动把透明区变成白底”；本文处理的是更前一步——先确认圆角到底有没有透明，避免拿假圆角继续转换。

把结论变成排查流程：用三种背景验证一次

不需要安装像素分析软件。准备白、深灰、亮色三种背景，就能完成大部分判断。

第一步，在编辑器里打开圆角结果，寻找透明区域常见的棋盘格。棋盘格只是编辑器的显示方式，不属于图片内容；如果导出的文件里真的出现灰白方格，说明你把预览背景一起截进了图片，而不是保存了透明通道。

第二步，把同一文件分别放到白色、深灰和亮色背景上。真透明角会跟着背景变化；白色实心角在三种背景里始终是白色；黑色实心角也不会随背景变化。三次观察比盯着文件名可靠，因为 PNG 只能说明“允许透明”，不能证明这张 PNG 已经写入 Alpha。

第三步，放大弧线边缘。正常抗锯齿会有一圈随背景自然过渡的半透明像素。如果边缘在白底正常、深色底上出现浅灰光环，说明边缘像素可能已经和白底预混。此时换导出格式不会修复它，应回到生成圆角的步骤重新计算边缘。

第四步，另存一份副本再做格式实验。保留原始透明 PNG，不在唯一文件上反复转码。需要 JPG 时，先选择最终背景色，把透明图和背景合成，再编码为 JPG。这样“角是什么颜色”由交付需求决定，而不是交给转换器猜。

这个流程有一个很实用的判断式：背景切换时会变化的是透明区域；无论背景怎么换都不变的是实心像素。把这句话记住，圆角、抠图残边、半透明阴影都能用同一种方法检查。

在图叮里怎么做：圆角留 PNG，交付 JPG 前再定底色

图叮的图片基础编辑属于浏览器本地工具。根据当前公开页面，图片处理在用户自己的浏览器里完成，不上传服务器；注册后可不限次数使用。操作路径可以压缩成四步：打开 /image-edit/，载入图片，调圆角半径，在深色预览背景上检查弧线，确认后导出 PNG。

为什么这里坚持 PNG？因为这一步的交付物不是“最终白底图”，而是一份仍可放到不同背景上的透明圆角素材。PNG 保存 Alpha，后续放网页卡片、社媒封面或其他版式时还能继续选择背景。若一开始就存 JPG，背景会被烙进像素，换版式时只能重新做圆角或重新抠边。

如果接收方只收 JPG，也不用和格式较劲。先问清最终页面是白底、品牌色还是其他固定背景，再把透明 PNG 叠到这个背景上，检查四角和弧线边缘，最后导出一次 JPG。关键顺序是“先定背景，再扁平化”，不是“先丢透明，再看它变成什么颜色”。

图注：需要透明就保留 PNG，交付 JPG 前先确定背景。

这篇没有把任意角度旋转、局部透视、液化或轮廓重建算进圆角工具能力。官方页面明确提供的是 90、180、270 度旋转与基础编辑；更复杂的形状修复属于另一类任务。功能边界写清楚，排查才不会把“工具没承诺做的事”误判成导出故障。

边界条件：有半透明阴影时，三背景法还不够

上面的推导适合主体边缘清楚、圆角区域只处理透明度的图片。若四角附近本来就有投影、毛发、玻璃反光或烟雾，半透明像素既承担轮廓，也承担材质效果。此时不能用“把所有半透明像素删干净”作为目标，否则会得到锯齿和硬边。

更稳妥的做法是保留透明 PNG，在实际目标背景上按 100% 比例检查边缘，再决定是否需要局部修整。必须交付 JPG 时，也要在最终背景上完成合成，而不是先在白底上处理、再换成深色。上述推导在“接收系统会自行改底色、二次压缩或重采样”的场景会失效；这类交付需要把接收系统的预览结果也纳入验收。