图片做圆角后为什么出现白边：透明背景、边框和导出格式这样选

圆角图片在白色页面看着正常，放到深色卡片上却冒出一圈白边，说明问题不一定在圆角半径，而可能在透明通道、底垫颜色或边缘混色。

最先检查导出格式。JPG 不支持透明；透明角导成 JPG 时必须被某种底色填满。PNG 和 WebP 可以保存透明，但前提是处理链路没有提前把白底写进像素。

先把成品放到三种背景上检查

图注：白底看不出的浅边，要放到深色和棋盘格背景复核。

同一张图分别放在白色、深色和棋盘格背景上。白底正常、深色出现白边，常见于边缘像素已经与白色底垫混合；棋盘格四角仍是实心白色，则说明透明通道根本没有保留下来。

只看工具预览不够。下载真实文件后重新打开，确认格式和透明状态，才能排除预览背景造成的错觉。

透明角、白色圆角和边框是三件事

透明圆角会把四角像素变成透明；白色圆角是在四角铺了白色；边框则沿轮廓增加一圈颜色。三者在白色页面上可能看起来相似，换背景后差别就会出现。

图叮当前产品快照把图片编辑入口的圆角描述为真实透明角，并明确 PNG 导出。使用时仍应检查下载文件，不要把产品描述替代成品验收。

抗锯齿为什么会带出浅边

圆弧边缘需要半透明像素才能显得平滑。如果这些像素先与白色背景合成，再被放到深色背景上，就会留下浅色光晕。这类问题通常不是简单“关闭抗锯齿”能解决；关闭后可能变成明显锯齿。

更稳的做法是在保留透明通道的状态下生成边缘，并让最终展示背景参与验收。若目标背景固定，也可以把背景色直接烘焙进 JPG，但这时文件不再适合换底。

边框放内侧还是外侧

边框向外扩展会改变整体尺寸，也可能在透明边缘之外留下额外像素；向内绘制则占用图片内容。按钮、头像和卡片各有不同需求，不能只看半径数值。

先确认最终尺寸，再决定边框位置和宽度。网页上还应检查 CSS 是否另外加了 border、outline 或 box-shadow，避免文件内边框和页面样式叠加。

PNG、WebP、JPG 怎么选

• 需要透明圆角且后续背景可能变化：选 PNG 或支持透明的 WebP；
• 背景固定、体积优先：把背景色确认后再导出 JPG；
• 还要继续编辑：优先保留透明中间稿，最终交付时再转换；
• 平台会自动转 JPG：不要依赖透明角，改用平台背景色成品。

如果需要在 PNG、WebP 和 JPG 之间比较，可先用图片格式转换工具做副本，不要覆盖唯一透明原稿。

在图片编辑入口完成并复核

打开图叮图片编辑工具设置圆角或边框后，优先导出 PNG，并在三种背景上检查四角和弧线。确认无白底、无异常光晕，再按最终平台转换格式。

圆角白边不是一个单一参数问题。先看透明是否存在，再看边缘是否混入底色，最后检查边框和页面样式，排查会比反复调半径更快。