九宫格切图看起来只是”把一张图等分九份”，但真正发出去之后总有一堆问题——比例错位、人脸被切、图片被压糊、色彩偏色。这些坑根源都不在切图本身，在于没考虑平台显示规则。
平台网格规则速查
| 平台 | 首页 / 详情页常见表现 | 推荐理解方式 |
|---|---|---|
| 小红书 | 首页更偏竖图流，笔记内按上传顺序横滑 | 更适合把“首图能独立成立”放在第一位 |
| Instagram Feed | 主页长期更接近方图网格 | 更适合方图九宫格或三联图 |
| 微博 / 微信等 | 具体显示和压缩规则经常调整 | 更适合把工具当切片器，再以 App 预览为准 |
核心：你切图的比例必须等于平台单元格比例，否则会被二次裁剪。
比例的数学：3 行 × 3 列要怎么算原图？
通用公式：
原图比例 = (列数 × 单元格宽) : (行数 × 单元格高)
= (列数 / 行数) × (单元格宽 / 高)
3 列 × 3 行：
小红书 3:4 单元 → 原图 (3/3) × (3/4) = 3:4
Instagram 1:1 单元 → 原图 (3/3) × (1/1) = 1:1
抖音 9:16 单元 → 原图 (3/3) × (9/16) = 9:16
2 列 × 3 行（六联图）：
Instagram 1:1 单元 → 原图 (2/3) × (1/1) = 2:3
1 行 × 3 列（三联图）：
Instagram 1:1 单元 → 原图 3:1（横长图）
小红书 3:4 单元 → 原图 (3/1) × (3/4) = 9:4实务推荐尺寸（按 1080px 级别切片来理解）：
| 平台 | 模式 | 切片尺寸 | 原图尺寸 | 原图比例 |
|---|---|---|---|---|
| 小红书 | 3×3 九宫格 | 810×1080 | 2430×3240 | 3:4 |
| 3×3 九宫格 | 1080×1080 | 3240×3240 | 1:1 | |
| 2×3 六联图 | 1080×1080 | 2160×3240 | 2:3 | |
| 1×3 三联图 | 1080×1080 | 3240×1080 | 3:1 | |
| 通用方图九宫格 | 3×3 | 1080×1080 | 3240×3240 | 1:1 |
安全区：哪些位置会被切？
平台 UI 会在缩略图上覆盖元素：
┌─────────────────────────┐ ← 小红书笔记封面
│ │
│ 安全区 │
│ (主体放这里) │
│ │
│ ─────────────────────── │ ← 底部 30-50px：标题/作者覆盖
└─────────────────────────┘| 平台 | 顶部覆盖 | 底部覆盖 | 左右覆盖 | 中心安全区 |
|---|---|---|---|---|
| 小红书封面 | 0 | ≈80px（标题） | 0 | 中上部 |
| Instagram Feed 缩略图 | 0 | 0 | 0 | 全图（但点赞按钮会覆盖右下角） |
| 抖音封面 | 状态栏 | 文字描述 + 按钮 | 0 | 中部窄区 |
实务建议：主体内容（脸、文字、商品）放在中心 60% 区域，避免靠近边缘。
切九宫格的常见错误
错误 1：在切片之间留缝，导致拼接对不上
错误做法：
[图1] 1px缝 [图2] 1px缝 [图3]
| |
原图被切掉中间 2 列像素修复：切片必须严丝合缝，相邻切片像素紧贴。注意：平台上传后会在切片之间显示 1-2px 的 UI 分隔线——这条线躲不过，设计时让它落在不重要的位置。
错误 2：按百分比切而不是整数像素
原图 1000 × 1000，按 33.33% 切：
切片1: 0-333 (333px)
切片2: 333-666 (333px)
切片3: 666-1000 (334px) ← 比前两张多 1px修复：原图尺寸预先调整为行列数的整数倍——3 列就调成宽度 = 3 的倍数（如 1080 / 1200 / 1500）。
错误 3：切片命名混乱导致上传顺序错
各种命名约定：
| 约定 | 示例 | 优点 | 缺点 |
|---|---|---|---|
| 顺序数字 | 01.jpg, 02.jpg, …, 09.jpg | 简单，按字母序排序就对 | 看不出位置 |
| 行列编号 | r1c1.jpg, r1c2.jpg, r2c3.jpg | 一目了然位置 | 上传时按字母序仍然对（r1c1 < r2c3） |
| 中文 | 左上.jpg, 中上.jpg | 直观 | 文件管理乱、排序错 |
推荐：顺序数字 + 行列编号双标识 → 1_r1c1.jpg, 2_r1c2.jpg, ...
错误 4：色彩配置文件丢失导致变色
症状：切片导出后颜色变灰、饱和度降低、特定色相偏移。
原因：
- 原图是 Display P3（iPhone 默认）/ Adobe RGB（专业相机默认）
- 切图工具不处理 ICC profile，导出时直接当 sRGB 解读
- 鲜艳色被压缩到 sRGB 色域内
修复流程：
拍摄/原图
↓
PS / Affinity / Lightroom 打开
↓
图像 → 模式 → 转换为配置文件 → sRGB IEC61966-2.1
（注意是"转换"，不是"指定"——指定会改解读不改像素）
↓
导出 JPG，勾选"嵌入颜色配置文件"
↓
浏览器切图
↓
上传平台错误 5：切片质量过高导致超过压缩阈值
症状：切片在本地看 4MB / 张，上传后被平台重压成 200KB，模糊。
修复：
- 切片导出时控制长边 ≤ 1080px、JPG 质量 90%、单张 < 500KB
- 让平台 “无压缩通过” 而不是 “重压通过”
- 文字 / UI 截图考虑 PNG（保持锐利）
主流模板速查
3×3 标准九宫格（最常见）
┌──┬──┬──┐
│ 1│ 2│ 3│
├──┼──┼──┤
│ 4│ 5│ 6│
├──┼──┼──┤
│ 7│ 8│ 9│
└──┴──┴──┘
3×2 六联图（IG 个人主页两行）
┌──┬──┬──┐
│ 1│ 2│ 3│
├──┼──┼──┤
│ 4│ 5│ 6│
└──┴──┴──┘
1×3 三联图（最克制）
┌──┬──┬──┐
│ 1│ 2│ 3│
└──┴──┴──┘
2×4 八联图（少见但醒目）
┌──┬──┐
│ 1│ 2│
├──┼──┤
│ 3│ 4│
├──┼──┤
│ 5│ 6│
├──┼──┤
│ 7│ 8│
└──┴──┘
田字格 2×2（4 联图）
┌──┬──┐
│ 1│ 2│
├──┼──┤
│ 3│ 4│
└──┴──┘创意模式：故事性九宫格
不是简单”一张大图切九份”，而是把九张相关图片拼成有节奏的故事：
| 模式 | 示意 | 适用场景 |
|---|---|---|
| C 位主图 | 中间格放主视觉，周围 8 格放细节 | 商品发布、人物专访 |
| 对角线 | 1-5-9 或 3-5-7 是同一主题，其余背景 | 摄影艺术 |
| 渐变色 | 9 张色块从浅到深 | 美妆品牌、时尚博主 |
| 时间轴 | 1-9 是同一场景在不同时刻 | 旅行 vlog、活动复盘 |
| 图文混排 | 1/3/5/7/9 文字、2/4/6/8 图片 | 教程、菜谱、攻略 |
注意：用户往往不会先看到“九宫格全貌”，而是先看到首图和列表缩略图。所以和其纠结某个平台某次改版的精确阈值，不如先保证第一张能单独成立、每张切片也能独立成立。
当前工具边界
如果你直接用本站工具，要先知道它当前内置的是：
3×3、3×2、2×2三种宫格小红书 1080 px、Instagram 1080 px、通用原图尺寸三种模板JPG / PNG / WebP导出和 ZIP 打包
它不负责替你生成各平台的上传顺序命名规则，也不会校验某个 App 当天的压缩策略。
常见问题速答
Q：手机拍的照片不是 3:4 也不是 1:1，怎么切？ A：先在剪映 / 美图秀秀里按目标比例裁剪，再切九宫格。横长图（16:9）建议改用 3×1 三联图或 3×2 六联图。
Q：切完手机相册顺序乱了？ A：iOS 相册按”修改时间”排序，切片导入相册时间几乎相同，可能乱序。解决：(1) 切片间隔几秒再保存；(2) 用 “AirDrop / 微信传给自己 / iCloud Drive” 按文件名顺序导入；(3) 上传时手动选择文件而不是相机胶卷。
Q：图片有透明背景，切完变白底了？ A：JPG 不支持透明，导出 PNG。但小红书 / IG 不支持 PNG 透明——上传后会自动加白底。如果需要透明效果（如商品图），改用图片底色 = 平台底色（小红书用 #FFFFFF）模拟透明。
Q：能不能切完直接发？需要 ZIP 吗？ A：手机端不需要 ZIP——切完直接保存到相册逐张上传；电脑端切完打包 ZIP 方便传到手机。多数九宫格工具默认支持一键 ZIP。
切九宫格的本质是让不规则的内容适配平台规则的网格——尺寸算对、比例选准、安全区留够，剩下就是创意。