图片切片

把一张大图按行列或固定宽高切成小块,支持 ZIP 打包下载

图片切片是做什么的

上传一张图片,按行×列的网格均分切分,或按固定宽高逐块裁切,常用于九宫格朋友圈配图、长图分段、雪碧图拆分等场景。每一块都会生成独立预览缩略图,可单独下载,也可以一键打包成 ZIP。

切片在浏览器本地用 canvas 完成,图片不会上传。按行列切分时自动均分原图;按固定尺寸切分时边缘不足一块会按实际剩余大小裁出,文件名按 r 行 c 列编号方便排序使用。

核心功能

  • 按行×列均分网格切图
  • 按固定宽高逐块裁切
  • 缩略图网格实时预览
  • 单块下载或 ZIP 整包下载
  • 输出 PNG,命名 r 行 c 列

图片切片怎么用

把一张大图按行列或固定宽高切成小块,支持 ZIP 打包下载

  1. 上传图片并选择切分模式
  2. 输入行列数或固定宽高
  3. 预览确认后点击打包下载 ZIP
  4. 或点击单个切片下方的按钮单独保存

适合这些场景

  • 发朋友圈九宫格长图
  • 把长图切成多段用于聊天发送
  • 拆分 UI 雪碧图为单独图标

常见问题

打包下载按钮没反应?

打包依赖页面注入的 JSZip 组件;若当前环境未加载该组件,工具会自动退回为逐张下载模式,逐个保存即可。

切片的文件名是什么规则?

按 原文件名_r行_c列.png 命名,行和列从 1 开始计数,方便按顺序使用。

能指定每块的输出格式吗?

目前统一输出 PNG 以保证无损;如需 JPG 可先切片再使用站内格式转换工具处理。