图片网格切割工具
在线将图片按网格切割成多个小图,支持ZIP批量下载
上传图片
切割预览
切割结果
图片网格切割工具说明
图片网格切割工具可以将一张大图按照指定的行数和列数切割成多个小图,常用于制作拼图素材、精灵图(Sprite Sheet)拆分、批量处理等场景。
使用方法:上传图片后,设置行数和列数,预览区会实时显示切割线。点击"执行切割"按钮后,所有小图将显示在结果区,可单独点击下载,也可一键打包为 ZIP 下载。
预览功能:预览画布上会绘制半透明的切割线,每个切割区域会显示编号(第1块、第2块...),方便定位和管理。
ZIP 打包:批量下载使用 JSZip 库动态加载,将所有切割后的小图打包成一个 ZIP 文件。文件命名格式为 tile_r{行号}_c{列号}.png。
实现原理:使用 Canvas API 的 drawImage 方法,配合源裁剪参数(sx, sy, sWidth, sHeight),从原图中截取指定区域并导出为独立图片。