裁剪缩放

使用方法

1. 点击上方区域选择文件，或直接拖拽文件到页面
2. 在设置区域调整参数
3. 点击处理按钮，等待完成后下载结果

常见问题

工作原理

裁剪缩放工具基于 Canvas API 的像素级图像操作，支持自由裁剪区域选择和等比例缩放。

裁剪功能通过 Canvas 的 drawImage(source, sx, sy, sw, sh, dx, dy, dw, dh) 方法实现：从源图像的 (sx, sy) 位置取出宽度 sw、高度 sh 的矩形区域，绘制到目标 Canvas 上。支持自由拖拽裁剪框和精确数值输入。

缩放功能通过调整 Canvas 输出尺寸实现：将完整图像绘制到指定尺寸的 Canvas 上，浏览器自动执行双线性插值（Bilinear Interpolation）或双三次插值（Bicubic Interpolation）算法完成像素重采样。支持保持原始宽高比的等比缩放。

使用技巧

• 使用预设比例（16:9、4:3、1:1）可以快速适配不同平台的展示要求
• 裁剪框可自由拖动和缩放，精确选择需要保留的画面区域
• 裁剪和缩放可同时进行：先选择裁剪区域，再设置输出尺寸
• 缩放时建议保持宽高比，避免画面变形失真
• 裁剪后的图片分辨率等于裁剪区域的实际像素尺寸
• 导出前预览裁剪效果，确认构图和尺寸符合预期

适用场景

头像制作：从全身照中裁剪出头部区域并缩放为标准头像尺寸，用于社交账号和证件照。

产品图处理：裁剪产品图片去除多余背景，缩放到电商平台要求的标准尺寸。

社交媒体适配：将横幅图片裁剪为 1:1 正方形或 9:16 竖版，适配不同平台的展示比例。

印刷品准备：将照片缩放到打印所需的精确尺寸和分辨率，确保印刷质量。

相关工具