使用方法
圆图片裁剪是「选图、设尺寸、点裁剪」三步：
- 「选择图片」点本地文件（jpg/png/webp 均可），图片只在你浏览器里读，不会传到网上。
- 「输出尺寸」选目标边长，演示默认 512 × 512；「圆形外背景」选透明或纯色（透明适合叠在任何底色上的头像）。
- 点「裁成圆形」，预览区出现圆形图；点「下载 PNG」存到本地。想换图重新选文件再点裁剪即可。
圆图片裁剪能解决什么
它把「方图变圆头像」变成本地一键操作，适合三类场景：
- 社交头像：微信、微博、抖音、小红书的圆形头像框，方形图直接被切角很难看，本工具先裁正圆再导出，边缘干净。
- 公众号与品牌 Logo：把方形 Logo 转成圆形标识，透明背景能叠在任意海报底图上，不用开 Photoshop。
- 圆形贴纸与头像框：做活动头像框、会员圆标，选暖黄或白底输出，直接嵌进设计稿。
本页不做的事：不做人脸居中识别（你需手动选接近方形的图，圆会居中裁）；不做圆角矩形（只出正圆）；不压缩到指定文件体积（导出为无损 PNG）。需要更小体积请用压缩类工具再处理。
原理和变量
① 用了哪个具体函数：核心是 Canvas 的裁剪路径 ctx.arc(S/2, S/2, S/2, 0, Math.PI*2) 配合 ctx.clip()，把画布限制成正圆；再用 drawImage 以 cover 模式把原图铺满这个圆。
② 关键参数为什么这样取：用 cover（短边铺满、长边裁切）而不是 contain（整图塞进、留边），是因为头像要填满圆，露边比裁切更难看。圆形居中意味着原图中心对准圆心，横竖图都从中间取。
③ 遵循哪个标准：输出为标准 PNG（RGBA，透明通道），符合各平台头像上传的通用格式；像素尺寸取 2 的幂或常见头像边长（256/512/1024），兼容性最好。
④ 输入怎么变成输出：读入原图后建 S×S 画布，若背景非透明先填底色；建立圆心 (S/2, S/2)、半径 S/2 的裁剪圆；按 scale = max(S/iw, S/ih) 缩放原图并居中绘制，圆外区域被裁掉，得到正圆头像。
⑤ 边界与阈值：尺寸限 16～2000 像素（超出回退到 512）；非图片文件会拦截提示类型；超大图（如 8000px）受浏览器画布内存限制，可能需先用尺寸调整工具缩小再裁。
⑥ 常见误用的正确解释：透明背景导出的 PNG 在白底查看器里看起来是白底，但文件本身透明，叠到彩色底不会留白边；圆角矩形不是本工具产出，想要圆角请改用对应圆角工具；导出尺寸越小越糊，头像建议 ≥512。
完整示例（操作仅作演示）
演示流程：选一张 1200×800 的横向照片，输出尺寸 512，背景 透明。
- 画布 512×512，圆心 (256,256)、半径 256。
- cover 缩放：scale = max(512/1200, 512/800) = 0.64，图被缩到 768×512，水平居中裁掉左右各 128。
- 结果：一张 512×512 的正圆头像，圆外透明，可直接做社交头像。
- 若背景改白色：圆外填白，导出后看起来是白底圆图。
这几步和下方预览、参数完全一致，可对照操作。
输入范围与对照表
圆图片裁剪的常见平台头像尺寸参考（按平台展示圆框的推荐边长）：
| 平台 / 场景 | 建议尺寸 | 背景建议 |
|---|---|---|
| 微信头像 | 640 × 640 | 透明或方形原图 |
| 微博头像 | 180 × 180 | 透明 |
| QQ 头像 | 100 × 100 | 透明 |
| 抖音头像 | 200 × 200 | 透明 |
| 小红书头像 | 150 × 150 | 透明 |
| 公众号 Logo | 240 × 240 | 透明 |
| 苹果 App 图标 | 1024 × 1024 | 纯色（圆角另算） |
| 通用头像 | 512 × 512 | 透明 |
表中尺寸为展示圆框的推荐边长，本工具提供 256/512/800/1024 四档，最接近通用需求的 512 默认选中。
结果边界和舍入
输出性质：结果是 PNG 位图，边长严格等于所选尺寸（如 512 即 512×512 像素），圆形边缘按像素抗锯齿，放大不会变清晰。
什么时候会提示：没选图片就点裁剪会提示「请先选择一张图片」；选了非图片文件会提示具体类型并拒绝；画布尺寸越界会回退到 512。这些都不会静默归零。
背景与透明：透明背景导出带 Alpha 通道，叠色底无白边；纯色背景按所选颜色填充圆外。两者文件都是 PNG，体积随细节多少变化。
结果用途：这是本地处理的圆形图，不上传、不存档；下载后请自行确认平台对尺寸与体积的要求。
常见问题
透明背景导出后为什么是白底？
查看器用白底显示透明区域，文件本身仍是透明 PNG。把它放进设计稿或支持透明的平台（如公众号、PS）就会显示镂空圆边，不会留白框。
没选图片就点裁剪会怎样？
会提示「请先选择一张图片：点选择图片上传后再裁圆形」，不会静默生成空白图。选好文件且成功载入后再点裁剪即可。
圆形为什么从中间裁？
本工具用 cover 居中裁剪：以原图中心对准圆心，短边铺满、长边裁掉两侧。想保留某个人物请先用截图工具把主体放到图中央再上传。
支持多大尺寸的图？
尺寸选 16～2000 像素；原图太大（如 8000px）可能受浏览器画布内存限制，建议先用尺寸调整工具缩到 2000 以内再裁。
能导出 JPG 吗？
当前导出 PNG（保透明）。若需 JPG，选白/黑/彩底后导出 PNG，再用转格式工具转 JPG；透明底无法转 JPG（JPG 无透明通道）。
横图和竖图效果一样吗？
都按 cover 居中裁正圆，横图裁左右、竖图裁上下，主体都在圆中央。方形图效果最自然，推荐优先使用。
图片会被上传吗？
不会。图片用 FileReader 在浏览器本地读取，不发起任何网络请求；刷新即释放，不会留存。
能批量裁很多张吗？
本页一次处理一张。多张请逐张选图、裁剪、下载；或把图片先拼成方阵再裁。
相关工具
- 模糊图片在线：给头像加柔焦氛围。
- Pixelate图片工具：做像素风圆形贴纸。
- 图片尺寸调整：裁剪前先把大图缩到合适边长。
- PNG转JPG：透明圆图转成 JPG 底图。
- 图片压缩工具：导出后进一步压小体积。
- Screenshot美化：截图加圆角与边框。
- 压缩图片转50KB：把头像压到平台体积上限。