✂️
免费图片裁剪工具
通过拖动选区裁剪图片，支持可选宽高比约束（1:1、16:9、4:3 等）、三分法网格和多格式导出（JPEG、PNG、WebP）。
加载后可离线使用
将文件拖放到此处，或点击浏览
JPG, PNG, WebP, HEIC, HEIF · 在你的设备上处理
或按 Ctrl+V 从剪贴板粘贴
提示：可以用 Ctrl+V 粘贴截图
你的文件永远不会离开你的设备。所有处理都在你的浏览器中本地进行。
常见用途
- 为Instagram裁剪照片裁剪为Instagram偏好的1:1（正方形）、4:5（肖像）和1.91:1（横向）宽高比。
- 将个人资料图片裁剪为正方形为LinkedIn、Twitter、GitHub或任何社交平台创建正方形个人资料图片。
- 裁剪YouTube和文章缩略图裁剪为YouTube视频和大多数博客hero图像使用的16:9宽高比。
- 裁剪护照/身份证照片将照片裁剪为标准2:3肖像宽高比，用于护照、签证和身份证申请。
- 裁剪电子商务产品照片为Amazon、Shopify、Etsy和其他市场标准化产品照片宽高比。
工作原理
裁剪完全在你的浏览器中使用 HTML5 Canvas API 完成——不上传、没有服务器。你直接在 canvas 元素上拖出选区，应用裁剪时，浏览器内置的 2D 渲染引擎只读取所选像素，并将其重新编码为 JPEG、PNG 或 WebP。
- 1将图片加载到内存你的文件通过 URL.createObjectURL() 读取，为浏览器提供一个本地 blob URL。HTMLImageElement 完全在浏览器标签页中解码文件——图片数据绝不会离开你的设备。
- 2Pointer Events 驱动裁剪选区浏览器的 Pointer Events API（统一鼠标、触摸和触控笔输入）跟踪画布覆盖层上的拖动。在选区外按下会开始新的矩形；在选区内按下会移动它；在右下角附近按下会调整大小。可选的宽高比预设（1:1、16:9、4:3 等）会在拖动时约束形状。
- 3Canvas 绘制实时预览每次裁剪变化时，Canvas 2D 上下文会重绘图片，在选区外应用深色遮罩，清除裁剪区域以原始保真度显示图片，并叠加三分法网格和青色的调整手柄。
- 4toBlob() 编码并输出结果点击“裁剪”时，会按精确的裁剪尺寸创建一个新的离屏画布。ctx.drawImage() 只复制所选矩形，canvas.toBlob() 按你选择的质量使用浏览器原生的 JPEG、PNG 或 WebP 编码器编码结果。输出以本地 blob URL 返回供下载。
你的图片以本地 blob URL 打开，完全在浏览器标签页中处理——任何时候都不会上传到服务器。