toolgarden.xyz
EN

图片裁剪

拖动可调整的裁剪框截取图片局部区域，实时预览裁剪结果后再导出，浏览器本地处理，图片不会上传。

图片裁剪

支持格式
JPGPNGWebPGIFBMPSVGAVIF

所有文件处理都在本地完成，文件不会上传到任何服务器，关闭页面后，数据即被清除。

裁剪编辑

IMG

等待图片输入

上传图片后可拖动裁剪框移动区域，也可拖拽边缘和四角改变裁剪尺寸。

工具说明

裁剪通过保留选定矩形区域重新组织画面，并直接减少输出像素。它可以移除多余边缘、改变横竖构图或适配头像、文章封面和社交平台需要的固定比例。

裁剪不会把原图中的主体移动到新的位置，只是舍弃选区之外的内容。使用固定宽高比可让多张图片保持一致，但最终仍要检查人物关节、文字、安全边距和视觉重心是否被意外切断。

使用步骤

  1. 上传并选择比例

    根据最终容器选择自由裁剪或 1:1、4:3、16:9 等固定比例。

  2. 移动和缩放选区

    把关键主体放在安全区域内，并为文字、头像和边缘留出必要空间。

  3. 按实际尺寸检查

    确认输出像素足够，再预览并下载裁剪后的新文件。

支持范围与限制

操作方式
拖动裁剪框选取区域，可移动和调整边界
是否有损
裁剪本身只丢弃框外像素，框内像素不变；但输出为 JPG 时会经历一次有损重编码
输出尺寸
等于裁剪框的像素尺寸，不做缩放
与尺寸修改的区别
裁剪改变画面范围（丢内容），尺寸修改改变像素密度（保内容）
透明通道
输出 PNG 或 WebP 时保留；输出 JPG 时透明区域被填充
不可逆
框外内容不会写入输出，恢复需要回到原图重做

典型使用场景

  • 统一内容封面

    把来源不同的图片裁成相同比例，让卡片网格保持整齐。

  • 提取画面局部

    保留截图中的错误区域、图表或人物主体，去掉无关信息。

  • 裁掉截图里的无关界面

    只保留需要说明的那块区域，读者的注意力不会被浏览器边框和其它面板分散。

使用前需要知道的事

  • 裁掉的像素不会存在于导出文件中，应保留原图以便以后重新构图。
  • 社交平台可能在不同设备上二次裁切，重要内容应远离边缘。
  • 非常小的选区放大显示会变模糊，裁剪后要核对剩余像素尺寸。

相关概念

aspect ratio
裁剪框宽度与高度的固定比例。
safe area
即使显示容器再次裁切，也应保持可见的关键内容区域。

常见问题

图片裁剪会上传文件吗？
不会。图片会在浏览器本地解码、裁剪和导出，文件不会上传到服务器。
裁剪框可以拖拽调整吗？
可以。可以拖动裁剪框移动区域，也可以拖拽边缘和四角改变裁剪尺寸。
裁剪后会改变图片尺寸吗？
裁剪页只按裁剪区域导出，不额外缩放；如果需要指定宽高，请使用图片尺寸修改工具。
可以选择导出格式吗？
可以导出为 JPG、PNG 或 WebP。JPG 不支持透明通道，透明区域会填充为白色。
裁剪和调整尺寸有什么区别？
裁剪是丢掉画面外的内容，画面范围变小、像素密度不变；调整尺寸是保留全部内容按比例缩放，画面不变、像素数变化。想让文件变小通常用调整尺寸，想突出局部才用裁剪。
能按固定比例裁剪吗？
可以拖动裁剪框自由调整。需要严格的 1:1 或 16:9 时，请注意观察框的像素尺寸并手动对齐：工具不强制锁定比例。

相关工具