Image Cropper

图片裁剪器可对上传的图片进行裁剪操作，支持自由裁剪、固定比例裁剪（如 1:1、4:3、16:9、3:2 等），以及旋转和翻转等基本变换。工具提供直观的拖拽操作界面，允许用户在浏览器中精确选择裁剪区域，并将结果导出为 PNG 或 JPEG 格式，是 Web 端图片基础编辑的必备工具。

图片裁剪是 Web 开发中的高频操作：前端开发者为用户头像上传功能实现裁剪（如 1:1 正方形头像）、电商后台为商品图片设置统一的展示比例、CMS 系统为文章缩略图生成尺寸裁剪、社交媒体平台在发帖时的图片预处理、以及移动端页面适配时按设备尺寸裁剪 Banner 图。

裁剪后的图片可通过 图片格式转换器 更改格式。图片压缩器 可减小裁剪后的文件大小。图片尺寸调整器 可进一步调整裁剪后的分辨率。图片加框工具 可为裁剪后的图片添加边框效果。

图片裁剪在浏览器中通常通过 Canvas API 或 Cropper.js 等库实现。流程为：将图片绘制到 Canvas 上，使用 drawImage 的 9 参数版本指定源区域（sx, sy, sWidth, sHeight），再指定目标区域（dx, dy, dWidth, dHeight）实现裁剪和缩放。坐标通过 Canvas 坐标系管理（原点在左上角，x 向右，y 向下）。固定比例裁剪通过锁定宽高比约束选框。

• 原始分辨率：裁剪后的图片分辨率取决于原图分辨率和裁剪区域大小。大幅裁剪可能导致输出图片分辨率不足。
• Exif 方向：部分手机拍摄的照片包含 Exif 方向信息（旋转标记），未正确处理可能导致裁剪后的图片方向错误。
• 大图处理：超大图片（如 8000px+）在浏览器 Canvas 中可能超出内存限制，导致操作卡顿或报错。
• 透明通道：JPEG 格式不支持透明通道，裁剪 PNG 图片后另存为 JPEG 会导致透明区域变为白色。

在快速裁剪图片、手动调整图片构图或为 Web 项目准备素材时使用此工具。适合 UI 开发者和内容创作者的日常图片处理。对于需要批量裁剪、自动化处理或集成到上传管道的场景，推荐使用 Sharp（Node.js）、Pillow（Python）或 ImageMagick 等图像处理库，它们支持无头模式和批量处理。