✂️ Image Cropper

📐 工作原理与说明

本工具为纯前端在线工具，数据在浏览器本地处理、不上传服务器，依据对应领域标准与规范进行计算或处理，结果仅供参考。工具名称：图片裁剪 - 设计创意领域的在线工具。

Crop an image by dragging a free or fixed-ratio selection with live preview, ideal for avatars, ID photos and thumbnails.

上传图片

X 偏移

Y 偏移

宽度

高度

预览

请上传图片

📚 深度解析：图片裁剪

裁 1:1 头像

输入：上传图、选 1:1 框。处理：裁剪画布区域。输出：方形图下载，本地处理。结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。

能旋转后裁吗？: 先旋转再裁更准；本工具以框选裁剪为主。结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。
处理大图会卡吗？: 在浏览器本地用 Canvas 完成，图越大越占内存；建议先缩到合适尺寸再处理，数据不上传。
会保存或上传我的内容吗？: 结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。