首页 › 图片工具 › 网格切割
▦

图片网格切割工具

在线将图片按网格切割成多个小图,支持ZIP批量下载

功能说明将图片按网格切割成多个小图
切割方式行列网格自定义
批量下载ZIP 打包下载
技术实现Canvas API + JSZip
上传图片
行数 3
列数 3
间隔线宽 2px
显示编号
切割预览
切割结果

图片网格切割工具说明

图片网格切割工具可以将一张大图按照指定的行数和列数切割成多个小图,常用于制作拼图素材、精灵图(Sprite Sheet)拆分、批量处理等场景。

使用方法:上传图片后,设置行数和列数,预览区会实时显示切割线。点击"执行切割"按钮后,所有小图将显示在结果区,可单独点击下载,也可一键打包为 ZIP 下载。

预览功能:预览画布上会绘制半透明的切割线,每个切割区域会显示编号(第1块、第2块...),方便定位和管理。

ZIP 打包:批量下载使用 JSZip 库动态加载,将所有切割后的小图打包成一个 ZIP 文件。文件命名格式为 tile_r{行号}_c{列号}.png。

实现原理:使用 Canvas API 的 drawImage 方法,配合源裁剪参数(sx, sy, sWidth, sHeight),从原图中截取指定区域并导出为独立图片。

前端工具