如何制作九宫格切图,并让每一片整齐衔接

从整体比例、3×3 网格到 ZIP 编号,了解九宫格切图的准备方法、像素分配与发布前检查。

切片尺寸计算示例

说明示例,用于理解规则;不是去水印效果或性能实测。

原图行 × 列每片
1200 × 1200 px3 × 3400 × 400 px
1201 × 1201 px3 × 3400 或 401 px,像素全部保留
1200 × 1800 px3 × 11200 × 600 px

先让整体比例匹配网格

九宫格通常指 3 行 3 列,总共 9 张切片。如果希望每片为正方形,原图也应该是正方形。更一般地说,整体宽高比应等于列数除以行数:4 列 2 行需要 2:1 的整体比例。先裁剪并下载,再到切图工具重新选择该文件。

检查哪些内容会跨过边界

网格不是只有数字。人脸、商品标志或一行文字如果被切在边缘,单片可能难以辨认。设置行列后观察预览,必要时回到原图调整构图。当前工具按均匀网格分割,不会识别人物或自动避开重要内容。

选择行列并生成 PNG

每个方向可选 1–6,所以 3×3 输出 9 片,2×4 输出 8 片,6×6 输出 36 片。行或列设为 1 时可切单行或单列长图。生成后提供按真实行列排列的拼接预览,每片文件名包含行列位置。每张输出是 PNG,不添加水印、边框或切片间隙。

不能整除,也能保留全部像素

例如宽 1000 像素的图片分成 3 列,每片不能都是整数的 333.33 像素。工具会按整数边界分配,某些切片会比其他切片多 1 像素,避免丢失边缘。若每片必须严格同宽同高,准备一张宽度可被列数、高度可被行数整除的原图。

保存 ZIP,确认平台顺序

切片编号从原图左上角开始,先从左到右,再到下一行。可以下载全部 ZIP 并解压检查,也可单独保存。编号不是所有平台通用的发布顺序;某些平台将新内容放在前面,还有些会自动裁图。发布前用预览确认排列,并保留原图以便重新生成。

完成前,检查一下

  • 正方形九宫格先准备正方形原图
  • 检查网格线是否穿过关键内容
  • 解压并核对每片,再确认平台排列方式
图片切分使用指南