圆形裁剪图片

使用这个圆形裁剪图片工具，把照片、标志或截图裁成完美圆形或可调节的椭圆形，并保存为透明 PNG。在圆形遮罩内拖动图片以决定保留哪一部分，放大直到主体填满画面，需要的话加上圆环，然后下载可用于头像、团队页、播客封面或幻灯片的成品。

全部处理都在浏览器中通过 HTML canvas 元素完成。照片在本地解码、本地遮罩、本地导出，因此永远不会上传到 miniwebtool；没有排队、没有水印，除了您自己设备的内存外也没有上传限制。

可以用它做什么

主要功能

• 拖动构图，滚动或捏合缩放：遮罩固定不动，照片在后面移动，这与头像编辑器的交互相同。
• 显示裁切区域：被丢掉的像素会以半透明残影留在预览中，方便判断是否裁掉了耳朵或肩膀。
• 圆形或椭圆：高宽比滑块可以把圆变成横向或竖向椭圆，导出画布会跟随同一形状。
• 旋转与镜像：按 90 度步进纠正横拍的手机照片，镜像则把自拍翻回正确方向。
• 圆环边框与羽化边缘：按输出像素添加彩色圆环，或柔化边缘，让头像融入背景。
• 透明 PNG、WebP 或 JPG：PNG 和 WebP 可让四角保持空白，JPG 则用所选颜色填充四角。
• 头像尺寸预设：一键选择常见的 320、400、512、640 和 800 像素头像尺寸。
• 可复制的 CSS：片段用 border-radius 和 object-fit 在网页上复现同样的圆形头像。

如何将图片裁成圆形

1. 加载照片：把文件拖到放置区，选择选择图片，或用 Ctrl+V 粘贴已复制的图片。
2. 框选主体：在舞台内拖动以移动照片，并用缩放滑块、滚轮或捏合手势调整大小。铺满遮罩会重置为刚好铺满遮罩的最紧裁切，完整显示照片则把整张照片放进遮罩内。
3. 选择形状：保持圆形，或切换到椭圆并设置高宽比。
4. 修饰边缘：设置圆环及其颜色，用羽化柔化边缘，并选择透明或纯色背景。
5. 检查小尺寸预览：查看舞台下方的 128、64 和 32 像素版本，如果脸消失了就再放大一些。
6. 导出：选择输出尺寸和格式，然后点下载圆形图片。

以圆形显示的头像尺寸

大多数平台接受方形上传，再用 CSS 套上自己的圆形遮罩。导出已经是圆形的 PNG 对网站、文档和幻灯片仍然有用，也能让您精确控制遮罩落在哪里。以下是稳妥的上传尺寸：

圆形遮罩是如何绘制的

照片会按输出尺寸绘制到画布上，然后将画布合成模式切换为 destination-in，再在其上填充一个椭圆。只有椭圆下方的像素会保留；其余全部变为完全透明。当羽化大于零时，椭圆会用径向渐变而不是纯色填充，因此 Alpha 值会逐渐下降，边缘淡出而不是停在硬边上。如果添加了圆环，会在之后描边，这样就不会被遮罩擦掉。

因为圆内接于被裁切的正方形，圆形结果始终大约覆盖正方形面积的78.5%，失去的就是四个角。这就是人像通常需要稍微放大的原因：头顶和肩膀正好落在会被去掉的四个角上。

让 32 像素下依然可用的裁切技巧

• 用脸填满圆。头顶留一点边，让肩膀伸出边缘；全身照会变成无法辨认的小点。
• 把眼睛略放在中心偏上。脸正好居中时，看起来会像在往下沉。
• 尽量用简洁、对比强的背景。头后面琐碎的细节，头像缩小后会变成视觉噪点。
• 不要放大。如果原图只有 200 像素宽，导出 800 像素只会发糊；请按框选后的原图尺寸或更小导出。
• 深色界面请加圆环。百分之一到百分之二的白色圆环，能避免深色照片融入深色聊天侧栏。

常见问题

我的照片会上传到服务器吗？

不会。文件由浏览器通过 FileReader API 读取，绘制到 HTML canvas 上并在那里做遮罩。不会发送到 miniwebtool，因此即使关闭标签页，图片也留在您的设备上。这也意味着页面加载完成后，在慢速网络上工具仍可继续使用，除了您自己设备的内存限制外，没有上传队列或文件大小限制。

如何让圆外区域保持透明？

将背景设为透明，并选择 PNG 或 WebP 作为输出格式。只有这两种格式会存储 Alpha 通道。JPG 完全没有透明度，因此圆周围的四个角会用背景色填充；当您选择 JPG 时，工具会自动把背景切换为纯色。

为什么上传后圆形头像看起来还是方形？

有些网站在重新编码上传文件时，会把透明度压到白色或深色背景上，透明的四个角又会重新露出来。如果遇到这种情况，请把背景色改成与网站匹配，而不是使用透明；或者上传方形原图，让网站自己套圆形遮罩——大多数社交网络都是用 CSS 这样做的。

圆形头像应该用多大尺寸？

512 × 512 像素几乎适合所有头像，因为网站会缩小较大的图，但绝不会给过小的图补上细节。常见目标是：X 和 LinkedIn 用 400 像素，Instagram 用 320，Discord 用 512，WhatsApp 用 640，YouTube 用 800。使用“输出”区域中的尺寸预设，把缩小交给网站来做。

可以裁成椭圆而不是正圆吗？

可以。将形状切换为椭圆，并移动高宽比滑块。低于 100% 得到横向宽椭圆，高于 100% 得到适合头肩照的竖向椭圆。输出画布会跟随形状变化，因此宽 512 像素、比例 130% 的椭圆会导出为 512 × 666 像素。

圆形裁剪会降低照片质量吗？

裁剪本身只去掉圆外的像素；导出 PNG 时不会对留下的部分再次压缩，PNG 是无损的。只有在输出尺寸大于原图被框住的区域时质量才会下降，因为浏览器必须放大；或者您选择了有损的 JPG 或 WebP。在较小的原图上缩放到大约超过 100%，通常就是结果发糊的原因。

可以打开和保存哪些文件类型？

您可以打开浏览器能解码为图像的任何文件，通常包括 JPG、PNG、WebP、GIF、BMP、AVIF 和 SVG。动画 GIF 会按单帧静帧裁剪。下载默认是 PNG，也可在格式列表中选择 WebP 和 JPG。