nine grid

Local, assertable calculation for nine-grid. Input is text; there is no network, disk, or device access.

Runs in your browserEvery computation happens in your browser — your data never leaves this device.

Input

Result

Local calculation

Enter data to see results

What this tool does

Check this text locally
Copy a deterministic result

Example

Input

900x900

Output

切图方案：3×3 九宫格（朋友圈/INS 常用） · 原图 900 × 900px · 缩放 1×
输出 9 块，每块 300 × 300px（含 0px 留白，底色 #FFFFFF）
拼接后预览尺寸 900 × 900px · 总像素 810000（PNG 体积约 711.9 KB）
未加留白：相邻两块会紧贴，社交平台自动缩进后可能有细缝，需要时可设 4–8px 留白。

每块裁剪框（原图坐标）：
  nine-grid-01.png ← 第 1 行第 1 列 · sx=0 sy=0 sw=300 sh=300 → 300×300
  nine-grid-02.png ← 第 1 行第 2 列 · sx=300 sy=0 sw=300 sh=300 → 300×300
  nine-grid-03.png ← 第 1 行第 3 列 · sx=600 sy=0 sw=300 sh=300 → 300×300
  nine-grid-04.png ← 第 2 行第 1 列 · sx=0 sy=300 sw=300 sh=300 → 300×300
  nine-grid-05.png ← 第 2 行第 2 列 · sx=300 sy=300 sw=300 sh=300 → 300×300
  nine-grid-06.png ← 第 2 行第 3 列 · sx=600 sy=300 sw=300 sh=300 → 300×300
  nine-grid-07.png ← 第 3 行第 1 列 · sx=0 sy=600 sw=300 sh=300 → 300×300
  nine-grid-08.png ← 第 3 行第 2 列 · sx=300 sy=600 sw=300 sh=300 → 300×300
  nine-grid-09.png ← 第 3 行第 3 列 · sx=600 sy=600 sw=300 sh=300 → 300×300

ZIP 包内文件（9 个）：nine-grid-01.png, nine-grid-02.png, nine-grid-03.png, nine-grid-04.png, nine-grid-05.png, nine-grid-06.png, nine-grid-07.png, nine-grid-08.png, nine-grid-09.png

预览 SVG（每格标序号）：
<svg xmlns="http://www.w3.org/2000/svg" width="720" height="720" viewBox="0 0 900 900" role="img">
  <rect x="0" y="0" width="900" height="900" fill="#FFFFFF" />
  <g><rect x="0" y="0" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="12" y="26" font-size="18" fill="#334155">1</text></g>
  <g><rect x="300" y="0" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="312" y="26" font-size="18" fill="#334155">2</text></g>
  <g><rect x="600" y="0" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="612" y="26" font-size="18" fill="#334155">3</text></g>
  <g><rect x="0" y="300" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="12" y="326" font-size="18" fill="#334155">4</text></g>
  <g><rect x="300" y="300" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="312" y="326" font-size="18" fill="#334155">5</text></g>
  <g><rect x="600" y="300" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="612" y="326" font-size="18" fill="#334155">6</text></g>
  <g><rect x="0" y="600" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="12" y="626" font-size="18" fill="#334155">7</text></g>
  <g><rect x="300" y="600" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="312" y="626" font-size="18" fill="#334155">8</text></g>
  <g><rect x="600" y="600" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="612" y="626" font-size="18" fill="#334155">9</text></g>
</svg>

The result is computed by the local source. Nothing is uploaded.

Frequently asked questions

Is input uploaded?

No. Calculation stays local.

What about empty input?

The page stays empty; invalid parameters show an error.

Is the result stable?

The same input always yields the same output.

Keywords：nine-grid本地文本offlineunikit

What this tool does

Example

Frequently asked questions

Related tools