图片裁剪

图片裁剪工具使用指南

📌 简介

图片裁剪工具是一款基于浏览器 Canvas 技术的在线图片编辑工具，可以在上传图片后自由拖拽选择任意矩形区域进行裁剪，并支持输出为 PNG、JPEG、WebP 三种格式。无需安装任何软件，打开网页即可使用。常用于去水印、截取焦点区域、调整图片比例、制作缩略图等场景。

📖 图片裁剪的原理

图片裁剪本质上是提取原图中一个矩形区域的像素，并生成新的图片。浏览器 Canvas 提供了 drawImage() 方法，可以指定源图片的裁剪坐标和尺寸，将所需区域绘制到新的画布上。再通过 toBlob() 将画布导出为指定格式的图片文件。整个过程完全在浏览器内存中完成，不涉及任何服务器交互。

💼 常见应用场景

• 制作头像： 从生活照中裁剪出人脸区域作为头像。
• 去水印： 裁剪掉不需要的水印或广告部分。
• 产品图处理： 突出商品主体，去掉多余背景。
• 证件照裁剪： 调整尺寸符合证件照要求。
• 素材制作： 从大图中截取局部用于设计素材。

⚙️ 使用步骤

1. 点击上传区域选择图片，或拖拽图片到虚线框内。
2. 在预览图上按住鼠标左键拖拽，即可绘制矩形选区。
3. 下方会实时显示选区的坐标和尺寸。
4. 选择输出格式，点击“裁剪”生成结果。
5. 右侧显示裁剪后的图片，点击“下载裁剪图片”保存。

⚠️ 注意事项

• 预览图会等比缩放到合适大小，实际裁剪使用的是原图分辨率。
• JPEG 格式不支持透明背景，裁剪 PNG 透明区域后会变为白色。
• 图片处理完全在本地完成，不会上传服务器，隐私安全。

❓ 常见问题 (FAQ)