图片网格切片工具
在浏览器中将图片切分为 N×M 的网格小图。
正在加载工具…
图片网格切片工具 — 拖入一张图片，使用 HTML canvas 将其均匀切分为 N×M 的网格小图。选择需要的行数和列数，预览每一块小图，然后用 fflate 打包成 ZIP 一次性全部下载，或单独保存某一块。所有处理都在你的浏览器本地完成，图片绝不会被上传。
图片网格切片工具 是什么？
图片网格切片工具是一款免费的浏览器端工具，可将一张图片切分为大小相等的网格小图。设置行数和列数后，工具会把图片均分为「行 × 列」块大小一致的小图，并按从左到右、从上到下的顺序编号。它非常适合用一张宽图制作 Instagram 或社交媒体的轮播图、把精灵图或纹理图集切成单独的帧、制作拼图，或把一张大截图切成更小的片段。它支持浏览器能打开的任意图片（PNG、JPEG、WebP 等），实时预览每一块小图，并支持将整套打包为 ZIP 下载或逐块保存。
如何使用 图片网格切片工具
- 将图片拖放到拖放区，或点击该区域选择文件（PNG、JPEG、WebP 或浏览器能打开的任意图片）。
- 设置网格的行数和列数；只要你修改数值，工具就会自动把图片切分为「行 × 列」块大小相等的小图。
- 查看小图数量，并在预览网格中查看每一块小图——点击任意小图缩略图即可打开放大灯箱。
- 点击「下载 ZIP」，将所有小图按行列顺序命名后打包到一个压缩包中保存。
- 或点击「下载第一块」，只保存其中一块小图，适合只需要一块的情况。
示例
制作 3 图的 Instagram 轮播
拖入一张 3240×1080 的宽幅横幅，将行数设为 1、列数设为 3，工具会生成三张 1080×1080 的正方形图。下载 ZIP 即可作为可无缝滑动的轮播图发布。
将精灵图切成帧
载入一张 4×4 的角色精灵图，将行数和列数都设为 4，即可得到 16 个均匀切分的帧。下载 ZIP 后即可在游戏或动画中分别使用每一帧。
切分一张长截图
拖入一张长截图，将行数设为 4、列数设为 1，图片就会被切成上下堆叠的四段，你可以逐段分享或附带。
常见问题
- 我的图片会被上传到服务器吗？
- 不会。切片使用 HTML canvas 在你的浏览器中 100% 本地运行，ZIP 也由 fflate 在本地打包。你的图片在设备上读取和处理，绝不会被上传，因此能保持私密。
- 我可以切分哪些图片格式？
- 浏览器能打开的任意图片（拖放区接受 image/*），包括 PNG、JPEG 和 WebP。小图统一导出为 PNG，以保持每一块清晰且无损。
- 小图是如何确定大小和编号的？
- 图片会被均分为「行 × 列」块小图。最后一行和最后一列会吸收剩余的像素，因此不会丢失任何内容。小图按从左到右、从上到下的顺序编号（第 1 行第 1 列在前）。
- 如何一次性下载所有小图？
- 点击「下载 ZIP」，即可获得由 fflate 打包的、包含所有小图的单个压缩包。文件按行列命名，便于按顺序排列。你也可以用「下载第一块」只下载一块。
- 网格大小或图片大小有限制吗？
- 本工具未设置固定限制。行数和列数至少为 1，而超大图片或网格仅受限于浏览器和设备的可用内存，因为所有处理都在本地进行。