图片圆角是怎么回事
圆角（也叫 border-radius 或边角圆化）就是把矩形尖锐的 90 度角换成平滑的圆弧。这个简单的设计小改动，立马就让图片柔和了很多，看起来更亲切、更现代、不刺眼。从 APP 图标到卡片式 UI 设计，圆角已经成为当代数字设计的标志性特征。
ImgNeo 的圆角工具用 Canvas API 把图片裁成圆角矩形，边缘还做了抗锯齿，曲线超顺滑。结果导出为带透明背景的 PNG，圆角形状放到任何网站、APP、设计稿里都能用，不会带着难看的白框。
为什么设计里圆角这么重要
UX 设计研究一直显示，圆角形状比尖角更容易让人觉得亲切友好。人脑处理曲线形状更快，也觉得更美——尖角会触发轻微的威胁感，而曲线让人感觉安全、有吸引力。所以苹果、谷歌、微软这些大厂，产品的设计语言全都往圆角方向走了。
最合适的圆角半径取决于图片大小和使用场景。小图标（48-96px）的话，8-16px 的半径比例比较协调。中等大小的卡片图（300-600px），16-32px 效果最好。大图首屏图可以用 40-60px 甚至更大。经验法则是，半径大概是短边的 5-15%——再大的话图片就开始变药丸形或 squircle 超椭圆了。
透明背景 vs 纯色背景
图片做了圆角之后，圆角外面的区域总得填上点什么。透明背景（输出 PNG）是最灵活的选择——图片可以放在任何颜色的背景、图案、网站上，无缝融合。做网页、APP 图标、设计稿，选这个就对了。
纯色背景适合你确切知道图片要放在什么背景上的时候。把背景色设成跟网页页面背景一样，不支持透明通道的格式（比如 JPG）也能做出透明的错觉。纯色背景也可以是一种设计选择——用跟图片形成对比的颜色，做出特别的风格化效果。