圆形图片裁切工具

生成四角透明的圆形图片

选择浏览器可解码、最大 10 MiB 的图片，调整圆形选区后下载 PNG。结果本身仍是正方形像素图片，只是圆外的四角透明；它不是 SVG 圆形，也不提供可配置的装饰边框。

裁剪步骤

1. 点击选择图片，或拖放到上传区域。
2. 等待原图和初始裁剪预览加载。
3. 拖动选区定位主体，用边缘手柄调整大小；选区始终保持 1:1 比例。
4. 查看圆形预览，让重要文字、脸部和其他内容远离边缘。
5. 点击“裁切并下载”保存 PNG，在目标页面或应用中再次查看。

图片加载后会自动生成预览，完成选区调整后会更新。预览边框用于帮助定位，不是下载图片中可自行设置的边框功能。

下载尺寸与预览尺寸的区别

输出分辨率来自选区对应的原图像素区域，并会按原图在页面上的缩放比例换算。右侧的小预览框只规定显示大小，不是输出分辨率选择器。

例如，选择原图中 200×200 像素的正方形区域，得到约 200×200 像素、四角透明的结果；选区含小数坐标时，canvas 尺寸可能取整。选择较小区域不会凭空生成原图没有的细节。

PNG 支持透明通道。某些查看器用白色显示透明背景，因此四角看起来可能是白色；可换深色背景或支持透明网格的编辑器检查。如果在别处另存为 JPEG，透明通道就无法保留。

输入格式与动画限制

上传控件接受图片，但实际编码必须能被浏览器解码。常见 JPEG、PNG、WebP、GIF、BMP 等输入取决于浏览器支持，扩展名正确并不代表内容一定有效。canvas 输出为栅格 PNG，不保留 GIF 动画，也不保留矢量图的无限缩放能力。

像素数很大的图片即使小于文件体积上限，也会占用较多内存。本工具不保证清除所有元数据，也不会按指定印刷精度制作文件；需要后续编辑时请保留源图。

常见问题

主体被切掉了怎么办？ 移动选区、适当扩大直径，或换用主体周围空间更充足的原图；圆形边缘会裁去正方形的角落区域。

为什么放大后模糊？ 尝试选取更多原图像素，并避免在目标应用中放大很小的输出。

原图无法加载怎么办？ 核对大小、编码和文件完整性，必要时从原编辑器另存为当前浏览器支持的格式。

相关工具

PNG 太大时，可使用图片压缩工具，并注意保留透明度。小头像需要作为 data URI 使用时，可打开图片转 Base64 工具。