📱 Instagram 九宫格生成器
把一张图切成在 Instagram 主页上严丝合缝的图块 — 默认 1080 × 1440(3:4),也就是 2025 年 1 月起主页网格的显示形状
✓ 永久免费 · ✓ 无需注册 · ✓ 文件不上传 · ✓ 离线可用
🔒 你的图片绝不会离开你的设备。 所有处理都通过 Canvas 2D 切分 + JSZip(浏览器内) 在浏览器本地完成。无上传、无服务器、无追踪。
功能特点
- 主页网格预览 — 发帖前就能看到主页上网格的样子:3:4 格子带细缝,每个图块都按主页的方式精确裁切 — 选 4:5 或方形图块,就能看到画面在哪里断开。
- 裁哪里由你决定 — 图片很少正好是网格的形状。页面会告诉你图块保留了多少画面,让你拖动选择保留哪一部分,图块需要放大时会提醒你,还会标出最适合你图片的网格尺寸。
- 发帖顺序编号 — 每个图块都标注了发帖顺序。Instagram 按从新到旧填充主页网格,所以最后发的图块落在左上角。有了编号就不会出错。
- 按发布顺序命名 — ZIP 里的文件名从 "post-01_tile-3-3.jpg"(右下角,最先发)到 "post-09_tile-1-1.jpg"(左上角,最后发)— 按这个顺序发,网格就自动拼好了。
- 零上传 — 你的全景图/照片从不离开设备。切分通过 Canvas 2D 在浏览器里完成,DevTools 里可以验证。
使用方法
- 拖入一张宽图或长图 — 全景图、海报、人像都可以。如果它的形状和网格不一样,图片上的亮框会显示保留的部分 — 拖动它来选择。
- 选网格尺寸 — 3×1 做全景长条,3×3(9 帖)是经典款,3×5(15 帖)能占满一整个手机屏幕。列表会标出保留画面最多的尺寸。
- 看预览 — 预览按主页的显示方式把图块放在 3:4 格子里,每个图块都标着发帖编号。
- 下载并发帖 — 拿到 ZIP 后按编号顺序发帖 —— #1(post-01)最先发,编号最大的最后发。最后发的图块落在左上角,网格就拼完整了。
使用场景
- 把全景照(山顶天际线、城市景观)做成横跨主页宽度的 3 图块长条。
- 大产品发布:一张主图横跨 9 个图块,主页看起来像一场统一策划的发布活动。
- 艺术家/摄影师:把一件大作品铺满整个主页,做成网格霸屏。
- 品牌活动:把广告牌风格的设计跨多个帖子对齐,让访客一眼记住你的风格。
- 婚礼/活动摄影师:交付完整相册前先发一组预告网格。
常见问题
为什么 #9 号图块在左上角?
因为 Instagram 会把你最新的帖子显示在主页网格的左上角。所以左上角那块最后发,它就会排在最前面,整幅画面才算拼完整。我按你应该发布的顺序给图块编号:#1 最先发(右下角),#9 最后发(左上角)。
原图应该用什么宽高比?
取决于网格和图块形状。默认 3:4 图块(1080 × 1440)下,3×3 需要 3:4 竖图(3240 × 4320),3×2 需要 9:8 的图(3240 × 2880),3×1 需要 9:4 的全景图(3240 × 1440)。其他比例也能用:页面会告诉你网格保留了图片的多少,标出最合适的网格尺寸,并让你拖动选择保留哪一部分。不会拉伸任何东西。
为什么用 3:4 图块,而不是 4:5 或方形?
从 2025 年 1 月起,Instagram 主页把每个帖子显示成 3:4 的长方形(之前是正方形),也可以直接发 3:4 的照片。3:4 图块正好填满格子。在主页视图里,4:5 图块每边会被裁掉 34 px(宽 1080),方形图块每边 135 px,画面在接缝处就对不上了 — 预览能看到。4:5 和方形仍然保留在列表里,给想在信息流里用这些形状的人。
上传后 Instagram 会再压缩我的图块吗?
会 — Instagram 会重新编码每一张上传的图片。图块默认按 1080 × 1440 导出(也可以选 1080 × 1350、1080 × 1080 或 1440 宽的尺寸),JPEG 质量 95%,这样 Instagram 拿到的是全尺寸、高质量的文件,而不是一张小图或已经压缩过的图。
图块可以按任意顺序发布吗?
技术上可以,但要等所有图块都发完,网格才会正确拼好。只有最后一张落在左上角时,网格才算“完成”。如果乱序发布,你的主页会有好几个小时甚至好几天看起来是乱的。
置顶帖子和中间插发的帖子怎么办?
置顶帖子(最多可以置顶三个)永远排在主页网格的最前面,所以每个置顶都会把你的图块往后挤一格,画面就散了。网格展示期间请先取消置顶。同样,网格之后每多发一个帖子,网格就会移动一格;只有整行(三个一组)地发才能保持对齐。
这和图片分割工具有什么区别?
图片分割是通用的网格切图工具(任意行 × 列,适合打印等用途)。Instagram 九宫格生成器是专门做的:Instagram 图块尺寸(3:4、4:5 和 1:1,标准和高清)、带 3:4 格子的主页网格预览、按发布顺序编号,还有一个选择裁切位置的框。按你要用的平台来选就好。
图片会被上传吗?
不会。切图完全通过 Canvas 2D 在你的浏览器里完成,JSZip 也在本地打包。打开 DevTools → Network 可以确认,没有任何携带你图片数据的外发请求。
来自 Milo 🐨 的笔记
Instagram 早在 2025 年 1 月就把个人主页的方格换成了更高的 3:4 长方形,我却一直没发现:这个工具还在做 4:5 的切片,还说那是“当前主页比例”。在真实主页上,这种切片两边各被裁掉一条,整张大图在每条接缝处都对不上。现在默认切成 1080 × 1440(3:4),正好填满主页格子;预览也按主页的方式显示你的九宫格——选 4:5 或正方形,就能看到哪里断开。图片上有一个取景框,显示哪部分会进入九宫格,拖动它就能决定保留哪部分;页面会告诉你保留了多少、什么时候切片会发糊、哪个网格尺寸最合适。透明图片会配白色背景,ZIP 也按你的照片命名。
相关工具
- 📐 社交媒体图片尺寸调整 — 一张图 → Instagram、Twitter、YouTube、TikTok 等,一次搞定
- 🎠 Instagram 轮播图制作器 — 用一张宽图做成单帖轮播 — 大家左右滑过 2-20 张、接缝严丝合缝的图
- 🔲 图片分割 — 将图片分割为网格碎片 — 完美适用于Instagram轮播
💬 Bug、点子,或者就想打个招呼? 告诉 Milo 🐨 · [email protected]