给图片做圆角，本质是把四个角上的像素切掉——而那块空间总得有东西占着。这个"东西"就是透明，而这一个事实决定了其余所有规则。
格式规则
- PNG——完整支持 Alpha 通道。要放在未知背景上的圆角图，选它最稳。
- WebP——同样支持透明，且通常比 PNG 小 60–80%。除非要兼容很老的软件，优先用它。
- JPG——没有 Alpha 通道。把 JPG 做圆角，四角会被填成纯色，通常是白色。在白色页面上看着没问题，换成任何其他背景就是四个难看的白三角。
如果某个工具"给你的 JPG 加了圆角"而本地看起来正常，发布前先在深色背景上试一次——压平的问题会在那里立刻暴露。
好看的半径取值
半径与元素尺寸成比例，没有万能数字：
- 轻微的卡片/缩略图：宽度的 1–2%（800 像素的图约 8–16 像素）。
- 界面卡片惯例：显示尺寸下 12–24 像素，与主流设计体系一致。
- 头像：完全圆形即半径为宽度的 50%。介于 20% 到 45% 之间往往显得犹豫不决。
- 应用图标（iOS 圆角矩形）：约为图标尺寸的 22%。但要注意 iOS 和多数桌面启动器会施加自己的遮罩，所以提交不带圆角的方形图标，让系统去处理——预先做圆角会得到一个双层圆角、还缩了一圈的图标。
很多时候根本不该改图片
在自己的网站或应用里，直接用 CSS 的 border-radius。好处是：源图保持矩形、可复用，半径能随屏幕尺寸变化，照片还能继续用体积更小的 JPG。只有当图片要用在你加不了样式的地方——PDF、邮件签名、演示文稿、第三方平台——才把圆角烧进文件。