裁剪图片 的工作原理
图像裁剪工具让你使用交互式拖拽和缩放的选区框在照片上定义矩形区域,然后将该区域导出为新文件。移动或调整选区控制点时,裁剪预览实时更新。所有 Canvas 操作在本地运行,原始文件从磁盘读取,不会传输到任何服务器。
你可以将裁剪限制为固定宽高比(如视频缩略图的 16:9 或头像的 1:1),也可以保持自由形状。选区的像素坐标会显示出来,方便你在需要精确裁剪而非视觉估计时输入精确值。输出直接下载到你的设备,格式与输入相同,尽可能保留画质。
直接在图片上拖动并调整裁剪矩形的大小。选择一个宽高比或自由裁剪。没有任何文件离开你的设备。
图像裁剪工具让你使用交互式拖拽和缩放的选区框在照片上定义矩形区域,然后将该区域导出为新文件。移动或调整选区控制点时,裁剪预览实时更新。所有 Canvas 操作在本地运行,原始文件从磁盘读取,不会传输到任何服务器。
你可以将裁剪限制为固定宽高比(如视频缩略图的 16:9 或头像的 1:1),也可以保持自由形状。选区的像素坐标会显示出来,方便你在需要精确裁剪而非视觉估计时输入精确值。输出直接下载到你的设备,格式与输入相同,尽可能保留画质。
限制取决于浏览器内存。对非常大的文件(超过 30-40 百万像素)进行 Canvas 操作,在内存有限的设备上可能较慢或失败。对于约 24 百万像素以内的普通相机照片,工具可以正常处理。
可以。工具以数字字段的形式显示当前选区的 x、y 位置及宽度和高度。你可以直接在这些字段中输入,以设置精确的裁剪区域,适合当你从设计规范中知道确切像素边界时使用。
不会。图像数据只在页面打开期间存在于浏览器标签页的内存中。关闭或刷新标签页后,它不会保存到 localStorage、发送到服务器或被保留。
输出格式与输入格式匹配(在支持的情况下)。JPEG 输入生成 JPEG 裁剪图;PNG 输入生成 PNG 裁剪图,原始文件有透明度时透明度会被保留。
可以。裁剪操作从已加载到内存中的原始图像生成新文件。点击重置可恢复完整的原始图像,以便定义不同的裁剪区域。
可以。在手机版 Chrome 或 Safari 上用触摸操作拖动裁剪手柄,效果与用鼠标操作相同,不过要精确定位角落手柄,在更大的屏幕上会更容易。直接在字段中输入精确的像素坐标可以在小屏幕上避开这个问题。