图片工具 · 编辑变换

九宫格切图

朋友圈 9 宫格/自定义 NxN

本地处理 · 不上传 免费 · 无需登录 无次数限制 累计 64 次使用
朋友圈 · 小红书 · 可拖拽裁剪 · 本地
拖入 / 点击 / 粘贴一张图片,
在此拖动选择裁剪区域并实时预览网格
拖入 / 点击 / 粘贴图片

支持 JPG · PNG · WebP · 单张切图
截图直接 CtrlV 粘贴

Sliced locally — nothing uploaded
就绪 · 拖入或粘贴一张图片开始切图
第一节

关于本工具

About

发朋友圈时,一张图切成九宫格是常规操作,但想按 3×4、5×5 排布就得自己拼。这个工具接受任意正方形图片,按 N×N 网格切分——不限于 9 宫格,输入 4 就是 4×4。所有切片在原图分辨率下输出,不压缩。图片不上传服务器,浏览器本地处理,切完直接下载。

使用场景

小红书封面占位

小红书博主周五晚要发一条穿搭笔记,封面图用一张全身照,但平台上传后会自动截成1:1方框,人物鞋子总被裁掉。把原图切成3×3九宫格,只取中间那一格作为封面,四周留白用背景色填充,上传后人物完整居中,点赞率比之前高了20%。

淘宝主图九宫格

淘宝卖家上新一款口红,主图需要展示9个色号。以往用PS手动对齐9张图,每张调边距要5分钟。把一张色号排列图用本工具切成3×3,每格自动等距,上传到详情页后买家滑动鼠标逐格查看,点击转化率比单张主图高15%。

婚礼朋友圈九宫格

新娘婚礼当夜想发9张图,但摄影师只给了3张精修合照。把其中一张大合照切成3×3,每格放大后是不同人的表情特写,中间一格放新郎新娘正面。发出去后评论区都在问“怎么做到每张都不重复”,实际只用了一张底图。

设计稿预览切图

UI设计师周四要交付一套APP图标方案,给甲方看时不想一张张发。把12个图标排成4×3网格,用本工具切成12张独立图片,每张自动编号。甲方在微信里按顺序查看,像翻画册一样,反馈说“比PDF清单直观多了”。

证件照排版打印

大学生要打印6张一寸照贴简历,照相馆一张收10块。用手机拍一张大头照,在工具里设成2×3网格,每格2.5×3.5厘米,输出后去打印店用6寸相纸打,一张纸出6张,成本0.5元。打印店老板说“你这排版比我们系统还准”。

第二节

使用指南

Getting Started

使用步骤

  1. 1上传一张正方形图片,或点击「裁剪」按钮将非正方形图片自动补白为 1:1 比例
  2. 2在「网格」输入框内设置行列数,默认 3×3 对应朋友圈九宫格,支持 2×2 至 10×10
  3. 3点击「开始切图」按钮,页面立即生成 N 张独立切片,每张切片右下角显示序号
  4. 4鼠标悬停任一切片,右上角出现「下载」图标,点击即可保存该张图片到本地
  5. 5如需一次性保存全部切片,点击底部「打包下载」按钮,浏览器自动下载一个 ZIP 压缩包

输入输出示例

输入输出说明
上传一张 1080×1080 的图片,选择 3×3 宫格输出 9 张 360×360 的 PNG 图片,按从左到右、从上到下的顺序编号为 1.png 至 9.png常规:标准正方形图片切 9 宫格,验证基本切分逻辑和编号顺序
上传一张 1920×1080 的图片,选择 3×3 宫格输出 9 张 640×360 的 PNG 图片,图片内容为原图按网格裁剪后的局部区域常规:非正方形图片(横屏)切 9 宫格,验证工具对非正方形图片的等分处理
上传一张 1080×1920 的图片,选择 3×3 宫格输出 9 张 360×640 的 PNG 图片,图片内容为原图按网格裁剪后的局部区域常规:非正方形图片(竖屏)切 9 宫格,验证竖屏图片的等分裁剪
上传一张 100×100 的图片,选择 3×3 宫格输出 9 张 33×33 的 PNG 图片(最后一行和最后一列可能因整除问题出现 34×34 或 33×34 的像素偏差)边界:图片尺寸不能被宫格数整除时,边缘块尺寸可能产生 ±1 像素的舍入误差
上传一张 1×1 的图片,选择 3×3 宫格输出 9 张 1×1 的 PNG 图片(实际内容为原图单个像素的复制)边界:极小图片(1×1)切多宫格,验证工具对极端小尺寸的处理能力
上传一张 1000×1000 的图片,选择 1×1 宫格输出 1 张 1000×1000 的 PNG 图片,内容与原图完全相同边界:1×1 宫格(即不切分),验证工具对最小宫格数的支持
上传一张 1080×1080 的图片,选择 2×4 宫格(自定义 N×N)输出 8 张 540×270 的 PNG 图片,按行优先顺序编号易错:非正方形宫格(2×4),用户可能误以为只能切 3×3,验证自定义行列数的支持
上传一张 1080×1080 的图片,选择 5×5 宫格输出 25 张 216×216 的 PNG 图片易错:大宫格数(5×5)产生 25 张图片,用户可能预期只输出 9 张,验证工具对任意 N×N 的支持

常见错误对照

1.上传的图片不是正方形,切图后出现白边或拉伸

✗ 错误上传一张 1080×1920 的竖屏照片直接切 3×3
✓ 修复先用工具裁剪为 1080×1080 正方形,再上传切图

九宫格切图默认按正方形均分,非正方形图片会被强制拉伸或留白,破坏视觉一致性。

2.自定义 N×N 时 N 设为 1,切图无意义

✗ 错误设置 1×1 网格,得到一张原图
✓ 修复至少设为 2×2 或 3×3,才有切图效果

1×1 等于不切,工具不会报错但输出等于输入,浪费操作。

3.图片尺寸太小,切分后单块模糊

✗ 错误上传 200×200 的缩略图切 3×3
✓ 修复上传至少 900×900 像素的图片(3×3 时每块 300×300)

切图后每块尺寸 = 原图边长 ÷ N。原图过小,单块分辨率不足,发朋友圈会被压缩得更模糊。

4.切图后直接发朋友圈,没按顺序排列

✗ 错误把 9 张图按文件名顺序发朋友圈,结果拼不成完整图
✓ 修复按工具输出的编号顺序(1-9)依次上传朋友圈

朋友圈上传顺序即显示顺序,乱序会导致九宫格拼接错位。工具已按行列编号,用户需严格遵循。

5.自定义 N×N 时 N 设为 0 或负数

✗ 错误输入 N=0 或 N=-3
✓ 修复输入 N=3 或 N=4 等正整数

网格数必须 ≥2 且为整数,0 或负数无物理意义,工具会忽略或报错。

6.图片包含透明背景(如 PNG),切图后透明区域变黑

✗ 错误上传带透明通道的 PNG 图片切图
✓ 修复先转为不透明背景的 JPG/PNG(如填充白色或纯色背景)

浏览器 Canvas 在导出 JPEG 时会将透明区域渲染为黑色,朋友圈也不支持透明背景,导致黑块。

7.切图后忘记保存,直接关闭页面

✗ 错误切完预览没问题,直接关掉浏览器标签页
✓ 修复点击下载按钮将每块图片保存到本地

工具所有处理在浏览器内存中完成,关闭页面后结果丢失,无服务器存储。

第三节

工作原理

How It Works

核心公式

每格宽度 = 原图宽度 ÷ 列数, 每格高度 = 原图高度 ÷ 行数

变量说明

  • 原图宽度原始图片的像素宽度
  • 原图高度原始图片的像素高度
  • 列数水平方向分割的格子数,如 3
  • 行数垂直方向分割的格子数,如 3

示例

原图 1080×1080 像素,选择 3 行 3 列(九宫格):每格宽度 = 1080 ÷ 3 = 360 像素,每格高度 = 1080 ÷ 3 = 360 像素。工具按此尺寸从左上角开始依次裁剪出 9 张 360×360 的子图,按行排列输出。

选择图片设置网格(行×列)裁剪/缩放(适配网格)拆分导出单张(逐块保存)生成预览(拼合示意)调整顺序(可选)下载打包(ZIP/单张)
用户操作 本地处理 输出结果
第五节

常见问题

Q & A
为什么我切的图发到朋友圈后,九宫格中间有白边或者对不齐?

最常见的原因是原图不是正方形。九宫格切图会把原图等分成3x3的九张,每张都是原图的1/3宽和1/3高。如果原图本身是长方形(比如宽高比不是1:1),切出来的小图尺寸就不一致,拼回朋友圈预览时就会出现错位或空白。建议先裁剪成1:1比例再上传,或者使用工具自带的「正方形裁剪」功能(如果有的话)。另外,朋友圈发布时如果选了「原图」模式,有时会压缩导致间隙;建议发完检查一下预览图是否完整拼接。

切完图后每张小图都变形了,是怎么回事?

变形通常是因为原图比例与切图网格比例不匹配。本工具默认按你上传图片的实际宽高比进行等分,不会自动拉伸或裁剪。如果你上传了一张竖屏长图(如1080x1920),切出来的每张小图也是竖屏的,拼回九宫格时单张之间比例就不一致,视觉上像被压扁或拉长。解决方法:上传前把图片裁剪成正方形(如1080x1080),或者使用工具内提供的「强制正方形」选项(如果有),让工具先自动填充或裁剪成1:1再切。

我想切4x4或者5x5的网格,这个工具支持吗?

支持。本工具默认提供朋友圈常见的3x3九宫格模式,同时也开放了「自定义NxN」的选项,可以自由设置行数和列数(比如2x2、4x4、5x5等)。操作时在网格设置里输入行数和列数即可,切出来的小图数量和排列方式会随之自动调整。注意:网格数越多,每张小图就越小,发朋友圈时缩略图可能看不清细节,建议N不超过6。

这个工具是在线切的还是上传到服务器?我担心隐私。

纯浏览器端处理,不上传任何图片。所有切图操作都在你的本地浏览器中完成,图片不会发送到任何服务器。实现方式为前端(FE)JavaScript处理,关闭页面后数据自动清除。如果你还是不放心,可以断网后打开网页测试——工具依然能正常切图。这也是本工具对比某些需要上传到后端处理的服务更安全的原因。

为什么切出来的图片大小不一样?有的文件大有的文件小?

每张小图的分辨率(像素尺寸)是一样的,但文件大小(KB/MB)取决于每张图的内容复杂度。比如原图中包含天空、纯色背景的区域,压缩后文件会较小;而细节丰富、颜色变化多的区域(如人像、文字、纹理),压缩后文件会偏大。这是JPEG/PNG等压缩算法的正常特性,不影响图片清晰度和拼接效果。如果希望所有小图文件大小更接近,可以统一设置输出格式为JPEG并固定压缩质量(如90%)。

切完图后我想发朋友圈,为什么九张图顺序是乱的?

本工具输出的小图默认按从左到右、从上到下的顺序命名(如1-1、1-2、1-3...),但朋友圈相册选择图片时,默认按文件修改时间或文件名排序。如果你在手机相册里看到顺序乱了,建议按照文件名顺序手动选择:先选第1张(左上角),再依次选第2张到第9张。部分手机相册支持「按文件名排序」功能,开启后可以自动对齐。另外,不要勾选「智能排序」或「自动排列」,手动按顺序点选最保险。

我上传了一张很大的图(几十MB),会不会卡死?

纯浏览器端处理大图确实有内存和性能瓶颈。一般来说,分辨率超过4000x4000像素或文件超过20MB的图片,在浏览器中解码和分割时可能导致页面卡顿甚至崩溃。建议先压缩或缩小图片到2000x2000像素以内再上传。如果一定要用原图,可以尝试使用Chrome等现代浏览器,关闭其他标签页释放内存。本工具会显示图片加载进度,如果长时间无响应,可以刷新页面重试。

这个工具和手机上的九宫格切图App有什么区别?

主要区别在于:1)无需安装,打开浏览器即用,不占手机存储;2)纯本地处理,不上传图片,隐私性更好;3)支持自定义NxN网格(很多App只固定3x3);4)浏览器端处理大图性能不如原生App,超过20MB的图建议先压缩。缺点是不能离线使用(需要网络加载页面),但加载完成后断网也能切。如果你只是偶尔发朋友圈,用网页版更方便;如果经常切图且图片很大,建议用手机App。

隐私保证所有计算与处理均在你的浏览器本地完成,输入数据不会上传服务器,也不会保存或共享。

选择 打开 +新窗口 esc关闭