分割图片

如何在线切割图片？

这个工具可以把一张大图片切割出多个小图片，我们提供多种切割图片的模式。

• 1

  导入图片

  点击“选择图片”按钮后选择图片或拖动图片到这个页面。

• 2

  选择分割图片的模式

  1. a. 裁剪模式

     您可以在导入的图片中添加多个裁剪框，只需要在图片上按住左键然后拖动即可添加选择框。

  2. b. 分割线模式

     如同一把剪刀一样切割图片，您可以在界面的右侧点击“添加横向”或“添加竖线”按钮来添加横线和竖线。

  3. c. 网格模式

     根据横线、竖线和间距来按比例平均分割图片，切分出来图片尺寸是相同的，单位是px

  4. d. 固定尺寸模式

     和“网格模式”类似，唯一不同的是“网格模式”是相对图片的尺寸的比例来切割，单位是百分比(%)。而“固定尺寸模式”则是用绝对的尺寸来切割，单位是像素(px)

• 3

  导出图片

  点击右下角的“开始”按钮，等待处理完成后点击“下载zip”按钮即可。

裁剪模式

导入图片后，点击右边的“裁剪模式”按钮，开始以裁剪的方式分割图片。您可以把它当作简化版的 Photoshop “切片” 功能。

在裁剪模式中您可以在图片上添加多个裁剪框，只需要在图片上按住鼠标左键并向任意方向拖动即可添加一个选择框。

在视频中演示了如何在一张巨大世界地图中裁剪出6个区域。每个区域保存为单独的图片文件

操作裁剪框

在添加了裁剪框后，点击裁剪框可以选中进行更多操作。

修改裁剪框的尺寸大小：点击并拖动四周的小正方形可以修改裁剪框的尺寸

复制裁剪框：点击裁剪框左下角的“复制”图标

删除裁剪框：点击裁剪框右上角的“删除”图标

移动裁剪框：点击裁剪框拖动

获取裁剪框当前尺寸：选中裁剪框后上方的黑色数字就是宽和高，单位是像素(px)

裁剪框的可拖动的范围：裁剪框将会被限制在图片内

使用快捷键

缩放100%和自动缩放切换:在图片空白区域双击鼠标左键可快速缩放图像
自由缩放: 滑动鼠标滚轮可缩放图像
移动视角位置: 按住空格键并按住鼠标左键可移动图片
删除裁剪框:选中裁剪框后，按删除键(delete)可删除裁剪框

导出图片

在“开始按钮”的上方可选择导出图片的类型，支持导出jpg、webp和png图片。

当您添加裁剪框并调整完毕后，点击界面右下角的“开始”按钮，等待处理完成后（在视频中的6个裁剪框，耗时2秒），点击“下载zip”按钮后解压zip即可获得裁剪框截图。

网格模式

此模式非常适合用于切分均匀分布的网格布局大图片，通过调整横线、竖线和间距的数值来分割图片，分割出来的小图片拥有相同的尺寸。

导入图片后，点击右边的“网格模式”按钮，开始以网格的方式平均分割图片。

在视频中演示了如何在一张Dota2 英雄合集图片中切分出每张英雄的小图片。

1. 01.首先使用“分割线模式”切割出大致区域
2. 02.然后使用“网格模式”对大致区域进行更细致的切分