图片切九宫格时行列像素分配与余数处理

先明确九宫格的像素分配目标

九宫格固定为3 列 × 3 行，共 9 个区域。切割的关键不是让每块都得到一个浮点数尺寸，而是把原图的整数像素完整分配给 3 列和 3 行，最终既不丢像素，也不制造间隙。

设原图宽度为 W、高度为 H。三列宽度必须满足 w1 + w2 + w3 = W，三行高度必须满足 h1 + h2 + h3 = H。如果宽度或高度不能被 3 整除，就用整数商作为基础尺寸，再把余数分配给某些列或行。

切割时应优先计算累计边界。例如横向边界为 0、x1、x2、W，第 1 列使用区间 [0,x1)，第 2 列使用 [x1,x2)，第 3 列使用 [x2,W)。相邻区域共享同一条边界，能避免逐块独立取整造成的缝隙或重叠。

用商和余数确定三列三行尺寸

宽度的整数除法可以写成：

q = floor(W / 3)，r = W mod 3，也就是 W = 3q + r，其中 r 的取值范围为 0、1、2。高度 H 同理，设 H = 3p + s，其中 s 也只能是 0、1、2。

• 余数为 0：三列都是 q，三行都是 p。
• 余数为 1：可以分配为 q、q、q+1。
• 余数为 2：可以分配为 q、q+1、q+1。

以宽度 1000 px 为例，平均商为 333 px、余数为 1 px，可分配为 333、333、334 px。高度为 1001 px 时，1001 ÷ 3 = 333 余 2，因此三行可以是 333、334、334 px。9 个区域的面积虽然可能不同，但三列宽度相加仍为 1000 px，三行高度相加仍为 1001 px。

额外像素也可以集中放在末列、末行，或者分散到左、中、右与上、中、下。没有唯一答案，工具需要固定一套规则，不能在同一张图里一部分采用向左取整、另一部分又采用向右取整。图片切九宫格的余数分配和白边处理，取决于具体版本或实现。

通过累计边界避免白边与像素缺失

更稳妥的做法是先计算全部边界，再用相邻边界之差得到每块尺寸。常见公式是：

x_i = round(iW/3)，y_j = round(jH/3)，其中 i、j 取 0、1、2、3。第 i 列的宽度为 x_(i+1)-x_i，第 j 行的高度为 y_(j+1)-y_j。

这种方式比“先算出每块宽度，再逐块累加”更不容易积累舍入误差。只要 x_0=0、x_3=W，以及 y_0=0、y_3=H，首尾就能精确落在原图边缘。

白边通常不是余数本身造成的，而是边界或导出环节出现了错误：

• 相邻裁剪区域之间存在 1 像素间隙。
• 两个区域使用了重复边界，导致像素重叠，回拼时出现异常。
• 透明区域被填充为白色，导出后看起来像白边。
• 单块图片尺寸与拼接画布尺寸不一致，缩放时又引入了空白区域。

读者可以按下面的清单检查：

1. 读取原图的实际像素尺寸，确认宽高不是显示界面的缩放值。
2. 计算 4 条横向边界和 4 条纵向边界，确保首尾分别为 0 与 W、H。
3. 用相邻边界之差裁剪 9 个矩形，不要对每个矩形单独四舍五入。
4. 核对每一行 3 块的宽度之和、每一列 3 块的高度之和。
5. 把 9 块按原坐标回拼，检查并集是否等于原图范围，且没有重叠。

让切割工具在不同图片上保持一致

一个可靠的切割工具，界面或程序接口至少应明确这些选项：

• 余数放在末列、末行，还是分散到多个区域。
• 是否保持原图像素尺寸，禁止自动拉伸。
• 输出格式和 JPEG 质量，例如质量值为 90 或 95。
• 透明背景如何处理，是否保留 alpha 通道。

PNG 支持透明通道，适合保存带透明像素的图像；JPEG 不支持透明通道，透明区域必须在导出时填充为某种颜色，常见默认值可能是白色。若选择 JPEG，应明确指定背景色，否则透明边缘可能在导出后变成白边。

使用图片切九宫格时，可以按这个顺序操作：

1. 读取图片宽度 W 和高度 H。
2. 根据固定规则计算 x_i 和 y_j 边界。
3. 按相邻边界裁剪 9 个区域，避免重新缩放。
4. 按行列坐标命名，例如 row1_col1 到 row3_col3。
5. 检查所有宽度、高度之和及边界连续性。
6. 导出后回拼验证；含透明像素时优先选择 PNG。

边界规则取决于具体实现。采用 floor、round，或把余数集中到末块，可能得到不同的小块尺寸；只要 9 个矩形完整覆盖原图、彼此不重叠，并且规则在不同图片上保持稳定，就不一定存在唯一答案。

读者最容易误解的一点

九宫格不要求 9 个小图的宽高完全相同。只要每行高度之和等于原图高度、每列宽度之和等于原图宽度，且边界连续覆盖原图，某些块相差 1 像素就是正常结果。

强行把所有块设成相同整数尺寸，反而可能丢失像素、产生重叠或留下白边。正确目标不是追求 9 个文件尺寸完全一致，而是让坐标、像素总量和导出规则彼此一致。