圆形裁剪保留圆内像素、丢弃其余部分。被丢弃的四个角必须变成*某种东西*——而把这个"某种东西"处理对，就是这件事的全部。

先切成正方形

矩形的内切圆是椭圆。如果源图是 1600 × 1200，直接裁圆要么被压扁，要么工具先自作主张裁一个 1200 × 1200 的方形，而你失去了对取景的控制。先自己裁成 1:1 正方形，把主体放到你想要的位置，再套圆形。

透明规则

圆外的四角必须透明，因此：

  • PNG 或 WebP——都支持 Alpha 通道，在任何背景上都正确。
  • JPG——没有 Alpha，四角会被填成纯色（通常是白色）。在白色页面上看着没事，换个背景就是四块白楔子。

如果某个"圆形裁剪"工具给你一个 JPG，它做的不是圆——是在圆外面画了个白框。

按遮罩摆放主体，而不是按方形

多数显示圆形头像的平台，实际上是存下你的方图、在浏览器里加遮罩。这意味着：

  • 重要内容要留在内切圆里，圆的直径等于方形的边长。落在四角的东西——耳朵、头发、肩膀、logo 的一部分——都会被切掉。
  • 留一点余量：让主体占据方形中间约 80% 的区域，这样换个平台、遮罩略有差异也不会切到。

正因为这些平台会自动加遮罩，上传预先裁好的圆形 PNG 通常是个错误：你会得到圆中圆，而且透明四角在部分客户端会渲染成一个可见的方块。上传方图，让平台去圆。

什么时候该把圆烧进文件

当图片要用在你加不了遮罩的地方时，就切一张真正的圆形 PNG：演示文稿、PDF、邮件签名、打印文档，或者你希望圆形本身就是素材一部分的网站。

在自己的网站上优先用 CSS：给方形图片加 border-radius: 50% 就是完美的圆，源图保持矩形可复用，照片还能继续用体积更小的 JPG。

快速清单

  1. 裁成正方形，主体落在内圆中央。
  2. 应用圆形遮罩。
  3. 导出 PNG（或 WebP）——绝不用 JPG。
  4. 在深色背景上预览，确认四角确实是透明的。