朋友圈九宫格切图：一键生成 9 张

朋友圈发 9 张图拼成完整画面，比单张长图更有创意——这是九宫格切图的玩法。本文详解如何把一张图切成 9 张，发到朋友圈形成大图。

什么是九宫格切图？

把一张方形图按 3x3 网格切成 9 张小图，按顺序发到朋友圈，9 张图组合显示为完整原图。

效果

朋友圈显示：
[1][2][3]
[4][5][6]
[7][8][9]

点开任一张是原图的一部分，
9 张组合是完整原图。

适用场景

朋友圈创意分享
小红书九宫格
微博九宫格
商品多角度展示
节日庆祝拼图

52tool 九宫格切图

工具地址：图片切图

功能

一键切 9 张
自定义网格（2x2, 3x3, 4x4）
自定义间距
输出 ZIP 包
浏览器端处理

实战 1：标准九宫格

输入：

原图：1080x1080
模式：3x3
间距：0

输出：9 张 360x360 的小图，文件名按顺序命名。

实战 2：带间距九宫格

输入：

原图：1080x1080
模式：3x3
间距：10px（白色）

输出：9 张图，每张之间有 10px 白色间距，朋友圈显示为带白边的九宫格。

实战 3：4x4 切图

输入：

原图：1200x1200
模式：4x4
间距：5px

输出：16 张 290x290 的小图。

制作步骤

步骤 1：准备原图

要求：

方形（1:1）效果最好
分辨率至少 1080x1080
主体居中（四角不会被裁掉）
简洁不复杂（每张切图独立可看）

如果原图不是方形，先用图片裁剪裁成 1:1。

步骤 2：切图

打开 52tool 切图工具
上传原图
模式：3x3
间距：0（或 10px 白色边框）
一键切图
下载 ZIP 包

步骤 3：解压

ZIP 包内 9 张图，文件名：

1.jpg（左上）
2.jpg（上中）
3.jpg（右上）
4.jpg（左中）
5.jpg（中）
6.jpg（右中）
7.jpg（左下）
8.jpg（下中）
9.jpg（右下）

步骤 4：发朋友圈

按 1-9 顺序添加到朋友圈：

选 9 张图模式
按文件名顺序选图
注意顺序（1 是左上，9 是右下）
发送

步骤 5：检查效果

发送后查看朋友圈：

9 张图组合显示完整原图
点开单张是原图的对应部分
顺序不能错

切图算法

标准 3x3 切图

原图 1080x1080
每张 360x360

第 1 张：x=0,    y=0,    w=360, h=360
第 2 张：x=360,  y=0,    w=360, h=360
第 3 张：x=720,  y=0,    w=360, h=360
第 4 张：x=0,    y=360,  w=360, h=360
第 5 张：x=360,  y=360,  w=360, h=360
...

带间距切图

原图 1080x1080
间距 10px
每张 353x353（保留间距）

第 1 张：x=0,   y=0,   w=353, h=353
第 2 张：x=363, y=0,   w=353, h=353
...

编程实现

JavaScript（Canvas）

function sliceImage(image, rows, cols, spacing = 0) {
  const cellWidth = (image.width - (cols - 1) * spacing) / cols;
  const cellHeight = (image.height - (rows - 1) * spacing) / rows;
  const results = [];
  
  for (let row = 0; row < rows; row++) {
    for (let col = 0; col < cols; col++) {
      const canvas = document.createElement('canvas');
      canvas.width = cellWidth;
      canvas.height = cellHeight;
      const ctx = canvas.getContext('2d');
      
      const sx = col * (cellWidth + spacing);
      const sy = row * (cellHeight + spacing);
      
      ctx.drawImage(image, sx, sy, cellWidth, cellHeight, 0, 0, cellWidth, cellHeight);
      
      results.push({
        row,
        col,
        index: row * cols + col + 1,
        dataUrl: canvas.toDataURL('image/jpeg', 0.9)
      });
    }
  }
  
  return results;
}

Python（Pillow）

from PIL import Image

def slice_image(input_path, rows=3, cols=3, spacing=0):
    img = Image.open(input_path)
    cell_w = (img.width - (cols - 1) * spacing) // cols
    cell_h = (img.height - (rows - 1) * spacing) // rows
    
    results = []
    for row in range(rows):
        for col in range(cols):
            x = col * (cell_w + spacing)
            y = row * (cell_h + spacing)
            cell = img.crop((x, y, x + cell_w, y + cell_h))
            
            index = row * cols + col + 1
            cell.save(f'output_{index}.jpg', quality=90)
            results.append(index)
    
    return results

命令行（ImageMagick）

# 切成 3x3
convert input.jpg -crop 3x3@ +repage +adjoin output_%d.jpg

# 带命名
convert input.jpg -crop 3x3@ +repage +adjoin output_%02d.jpg

各平台支持

微信朋友圈

9 张图模式
单张最大 5MB
显示时自动缩放
顺序按添加顺序

小红书

最多 9 张图
单张最大 32MB
显示时按 3x3 网格

微博

9 图模式
单张最大 5MB
显示时按 3x3 网格

Instagram

多图功能（轮播）
单张最大 8MB
不支持 3x3 网格显示（仅轮播）

实战场景

场景 1：节日庆祝

新年九宫格：

准备一张新年主题图（1080x1080）
切成 9 张
朋友圈按顺序发
配文"新年快乐"

场景 2：求婚告白

9 张照片拼成"嫁给我"字样：

设计 9 宫格字样图
切成 9 张
朋友圈发送

场景 3：商品展示

商品 9 个角度展示：

拍 9 张图（不切图，直接 9 张）
或拍 1 张全景，切成 9 张
朋友圈展示

场景 4：生日祝福

9 张生日照片组合：

选 9 张生日照片
用 52tool 拼接工具拼成 3x3
切回 9 张
朋友圈按顺序发

场景 5：旅游分享

旅游 9 张照片变九宫格：

选 9 张代表性照片
用拼接工具拼成 3x3
（可选）切回 9 张发朋友圈

场景 6：插画连载

9 张插画拼成完整故事：

设计 9 张连续插画
或 1 张大图切成 9 张
朋友圈连载

创意玩法

玩法 1：渐变九宫格

9 张图色调渐变：

红 → 橙 → 黄
绿 → 青 → 蓝
紫 → 粉 → 白

玩法 2：拼字九宫格

9 张图拼成"MARRY ME"等字样。

玩法 3：动态九宫格

9 张图是动画的 9 帧，朋友圈滚动有"动画"感。

玩法 4：反转九宫格

8 张是空白色，1 张是惊喜（如礼物图），点开看惊喜。

玩法 5：藏宝九宫格

9 张图分别藏线索，让朋友猜主题。

常见问题

Q: 朋友圈顺序乱了怎么办？

A: 微信朋友圈按添加顺序显示。手动按 1-9 顺序选图，不要让微信自动排序。

Q: 切图后图片模糊？

A: 原图分辨率不够。建议原图至少 1080x1080（每张切图 360x360）。或原图更大 2160x2160（每张 720x720）。

Q: 切图能保留 PNG 透明吗？

A: 能。但朋友圈等平台不支持透明，会显示白色或黑色背景。建议输出 JPG。

Q: 切图后体积太小？

A: 1 张 1080x1080 切成 9 张 360x360，每张通常 30-100KB。完全够朋友圈使用。

Q: 工具支持哪些网格？

A: 52tool 支持 2x2、3x3、4x4 等多种网格。3x3 是朋友圈标准。

Q: 工具会泄露我的图片吗？

A: 52tool 切图工具在浏览器端运行，原图不上传服务器。适合处理私人照片等敏感图片。

与其他工具配合

切图 + 拼接

工具：图片拼接

反向操作：把 9 张图拼回原图。

切图 + 压缩

工具：图片压缩

切图后压缩每张，减小总体积。

切图 + 水印

工具：图片加水印

每张切图加水印，保护版权。

切图 + 裁剪

工具：图片裁剪

原图不是方形，先裁剪成 1:1。

常见问题解答

Q: 怎么把一张图切成 9 张发朋友圈？

A: 1) 打开 52tool 切图工具；2) 上传原图（建议方形 1080x1080）；3) 模式 3x3；4) 切图；5) 下载 9 张；6) 朋友圈按 1-9 顺序发送。

Q: 朋友圈九宫格顺序怎么排？

A: 1 是左上，2 是上中，3 是右上，4 是左中，5 是中，6 是右中，7 是左下，8 是下中，9 是右下。按此顺序在朋友圈选择图片。

Q: 切图能带白色边框吗？

A: 能。在工具中设置"间距"参数，间距部分为白色（或自定义色），切出的每张图周围有白边，朋友圈显示为带白边的九宫格。

Q: 4x4 切图能在朋友圈用吗？

A: 朋友圈只支持 9 张图。4x4 是 16 张，超出限制。可以发 3x3 + 3x3 + 3x3 + 3x3 = 36 张（4 个朋友圈）。

Q: 切图工具免费吗？

A: 52tool 切图工具免费，无次数限制，浏览器端处理，无需注册。

Q: 能批量切多张图吗？

A: 当前一次切一张。需要批量可用 ImageMagick 命令行：

for f in *.jpg; do
  convert "$f" -crop 3x3@ +repage +adjoin "output/${f%.jpg}_%d.jpg"
done

总结

九宫格切图是朋友圈创意玩法：

在线切图 → 52tool 切图工具
原图建议 1080x1080 → 每张切图 360x360
按顺序发 → 1-9 顺序不能错
配合拼接 → 图片拼接

记住：原图要方形，顺序要正确，朋友圈最多 9 张。