拼图比例怎么选：小红书 3:4、Instagram 4:5、视频号 9:16 的平台规范

Q: 各平台的"展示比例"和"裁剪比例"是同一回事吗？

不是——展示比例是"用户看到的画面尺寸"，裁剪比例是"上传后被裁剪保留的部分"。各平台速查：(1) 小红书——首页推荐流以 3:4 展示，详情页可点开看完整图（最高 4:3 横向）。最佳上传比例：3:4（竖图）；(2) Instagram——单图发布支持 1:1 / 4:5 / 1.91:1，超出会被裁。最佳：4:5（竖图，占屏幕最大）；(3) 微博——9 图九宫格按 1:1 缩略，点开看原图。最佳：1:1（缩略不变形）；(4) 视频号封面——3:4 竖图为主，9:16 全屏。最佳：3:4 或 9:16；(5) 抖音 / 快手图集——9:16 全屏、4:5 竖图、1:1 方图都支持，优先 9:16；(6) 公众号头图——首图 2.35:1 / 900×383，次图 1:1 / 200×200。实务：(1) 拍照不知道发哪 → 拍 4:5 或 3:4 竖图，多平台兼容；(2) 已经知道发哪个平台 → 按上面表选；(3) 发多平台 → 同一组照片拼两次（3:4 给小红书，4:5 给 Instagram）。

Q: 拼图模板是按"想要的布局"选还是按"图片张数"选？

先选张数，再在该张数下选布局。本工具的模板按张数分组：1 张（占满）、2 张（左右 / 上下 / 大小不等）、3 张（横排 / 竖排 / L 型 / T 型）、4 张（2×2 / 1×4 / 4×1 / L 型 / T 型）、更多张更多布局。为什么不能"任意张数 + 任意布局"：(1) 模板的格子数固定，4 张照片放 3 张模板会缺一张，放 5 张模板会多一张占位；(2) 工具会自动按你上传的图片数量过滤可用模板。布局选择经验：(1) 2 张对比（前后 / 左右）→ 左右二分；(2) 2 张主次（一张主图 + 一张细节）→ 大小不等的 L 型；(3) 3 张产品多角度→ 横排或竖排；(4) 4 张方形对比→ 2×2；(5) 9 张九宫格（小红书风格）→ 3×3。实务：(1) 拍照前心里有数想用什么布局——决定要拍几张；(2) 已经有照片再选模板更被动；(3) 同一组照片可以试几个模板看哪个最好。

Q: 间距（gap）应该多大？为什么有些拼图看起来"高级"有些看起来"廉价"？

间距控制视觉节奏，太大太小都不好。本工具间距范围 0–40px。典型选择：(1) 0 px——无缝拼接，照片像一整张大图，适合：(a) 全景照片拼接、(b) 相同色调的极简风格、(c) 同一场景多角度连贯叙事；(2) 2-4 px——细分隔线，照片仍紧密但有"格子感"，适合：(a) 产品对比、(b) 时间线（before/after）；(3) 6-12 px——常规拼图，最稳的默认值；(4) 15-25 px——明显间距，每张照片像独立卡片，适合：(a) 文艺风、(b) 杂志风、(c) 强调每张照片的独立性；(5) 30-40 px——大间距 + 大留白，极简风。视觉心理：(1) "廉价感"通常来自间距不一致或太突兀（比如 0px 拼接但照片色调不连贯）；(2) "高级感"来自间距均匀 + 圆角 + 充足留白 + 一致的照片调色；(3) 相同间距风格保持一致——一组照片用 0 间距，另一组用 8 间距，混搭显得乱。默认推荐：8 px，覆盖 80% 场景。

Q: 圆角（border-radius）和外边距（margin）什么时候用？

圆角软化方形、外边距制造"杂志感"。(1) 圆角 0——硬朗、无修饰，适合产品图 / 技术图；(2) 圆角 4-8——轻微软化，最日常；(3) 圆角 12-20——明显的"现代 App"风，小红书最常见；(4) 圆角 30+——过度软化，谨慎用；(5) 圆角等于格子最短边一半——成圆形，适合头像拼图。(6) 外边距 0——照片占满画布，紧凑；(7) 外边距 20-40——照片周围有"画框"，杂志风；(8) 外边距 50+——大量留白，文艺风但浪费画布面积。搭配建议：(1) 小红书风格：圆角 12 + 外边距 20 + 间距 8 + 白色背景；(2) Instagram 干净风：圆角 4 + 外边距 30 + 间距 6 + 白色背景；(3) 杂志风：圆角 0 + 外边距 40 + 间距 0 + 白色背景；(4) 极简硬朗：圆角 0 + 外边距 0 + 间距 0 + 任意背景。实务：圆角和外边距同时拉满会显得"漂浮感太强"，权衡使用。

Q: 输出尺寸 1080 / 2K / 4K 怎么选？

按用途和体积容忍度选。(1) 1080（1080×对应高度）——社交媒体常规分辨率，发任何平台都够，体积最小（500KB-2MB）；(2) 2K（2048×对应高度）——高清显示器、印刷预览、备份存档，体积中等（2-5MB）；(3) 4K（3840×对应高度）——专业用途、印刷输出、4K 显示器、长期存档，体积大（5-15MB）。实务速查：(1) 发微信 / 微博 / 朋友圈 / 抖音 → 1080 够（平台还会再压缩）；(2) 发小红书 / Instagram → 1080 或 2K；(3) 制作公众号封面 → 2K（公众号会保留较高分辨率）；(4) 印刷成实物（明信片、相册）→ 4K；(5) 自己存档 / 不知道未来用途 → 2K。注意：(1) 输出尺寸 > 原图分辨率不会让画质变好，只是放大不模糊；(2) 多张照片拼接，每个格子的实际像素 = 输出尺寸 / 格子相对尺寸——4 张 2×2 拼图输出 2K，每张照片实际 1024×1024。

Q: 输出 PNG / JPG / WebP 哪个最合适？

按"是否要透明背景 + 体积要求"选。(1) PNG——支持透明背景（可以拼出"装饰边框 + 透明拼图区"的效果），无损压缩，体积最大；(2) JPG（JPEG）——不支持透明（背景必须是某色），有损压缩，体积小（PNG 的 1/4 到 1/10）；(3) WebP——现代格式，同质量比 JPG 还小 25-35%，但部分老平台不识别（微信公众号 2024 年后支持，但发到老安卓微信可能拒收）。实务：(1) 背景设了"透明" → 必须 PNG（其他格式会变白底）；(2) 照片为主、白底背景 → JPG，体积小；(3) 要发到任何平台 → JPG 兼容性最广；(4) 自己存档 / 想要最小体积 → WebP；(5) 印刷输出 → PNG 无损（避免有损压缩在打印时显形）。JPG 质量条：本工具默认 92%，几乎肉眼无损；70% 体积可缩 1 半但能看出微小损失；50% 以下不建议。

Q: 透明背景的拼图能用吗？什么场景需要？

透明 PNG 拼图常用于"做素材"或"叠加效果"。典型场景：(1) PPT / Word / Keynote 插图——透明背景能直接放在任意颜色的幻灯片上，不会出现一圈白边；(2) 网页素材——叠在彩色 banner 上不出底；(3) 拼图作为水印 / 装饰元素——多组照片拼图叠加在更大的设计稿上；(4) 印刷设计稿——交付给设计师，让他自由放置。注意点：(1) 背景透明 ≠ 间距透明——格子之间的间距区域是背景的一部分，背景透明 → 间距也透明；想间距是某色，把背景设成那个颜色而不是透明；(2) JPG 不支持透明——必须 PNG；(3) 微信发送透明 PNG 会被自动加白底（微信压缩策略），想保持透明在网页 / 邮件 / 文档场景；(4) 导出后预览——透明区在浏览器上显示棋盘格背景，那是正确的，不是 bug。

Q: 拍了一组旅游照片想拼图发小红书，怎么选模板？

按内容叙事和视觉重心决定。情境 1：日间游记多张景点（4-9 张）→ 选 9:9 九宫格 + 8px 间距 + 4 圆角 + 白色背景 → 视觉饱满，每张地位平等。情境 2：1 张主景 + 几张小细节（4 张）→ 选 L 型布局（1 大 + 3 小） → 主图占左半边，3 个细节竖排在右 → 引导视线先看大图再看细节。情境 3：前后对比（2 张）→ 左右二分 + 0 间距 → 强调"同一构图不同时刻"对比效果。情境 4：人物 + 场景（2 张）→ 大小不等 L 型 → 大图放场景，小图放人物特写。情境 5：日记式时间线（4 张以上）→ 1×4 竖排 → 自上而下读，符合阅读习惯。通用经验：(1) 小红书首图就是吸引点击的封面——主视觉占 60% 以上；(2) 文字信息少时配图越满越好，文字多时给文字留位置；(3) 比例锁定 3:4，符合小红书首页流。

2026-05-07 · 约 4 分钟 🧩 拼图工具

把几张照片拼成一张图发社交媒体，看似简单——选模板、选比例、点导出。但选错比例可能上传后关键内容被裁，选错布局让叙事节奏散，间距留白不一致显得”廉价”。这篇讲清平台规范、模板逻辑、视觉细节。

各平台比例速查

平台	推荐比例	实际显示	备注
小红书首页流	3:4	同	不要选 1:1（首图被压扁）
Instagram 单图	4:5	同（占屏最大）	1:1 也可，4:5 更现代
Instagram 横版	1.91:1	同	横屏分享时用
微博九宫格	1:1	缩略	9 图按方格缩略
视频号封面	3:4 或 9:16	同	全屏看用 9:16
抖音图集	9:16 优先	同	也支持 4:5 / 1:1
公众号头图	2.35:1	同	900×383 像素
朋友圈	1:1	缩略到方格	多图自动 1:1 缩略

经验：

拍照不知道发哪 → 默认拍 4:5 / 3:4 竖图
同组照片发多平台 → 拼两次（3:4 给小红书，4:5 给 Instagram）
横图（4:3 / 16:9）大多数平台显示效果差，避免

本工具支持的比例

比例	用途
1:1	微博、朋友圈缩略
4:5	Instagram 优选
3:4	小红书、视频号封面
4:3	横向展示、PPT 内嵌
9:16	抖音 / 视频号全屏
16:9	屏幕截图、PPT 全屏

模板按张数选

张数	典型模板
1	单图占满
2	左右二分 / 上下二分 / 主次大小（L/T 型）
3	横排 / 竖排 / L 型 / T 型
4	2×2 / 1×4 / 4×1 / L 型 / T 型
5–9	不规则布局 / 九宫格

选模板的逻辑：

先确定要拼几张
确定叙事重心（哪张是主图）
选模板让主图占最大格

典型映射：

内容类型	张数	模板
旅游九宫格	9	3×3
前后对比	2	左右二分
主景 + 3 细节	4	L 型（1 大 3 小）
时间线	4–6	1×N 竖排
多角度产品	3–4	横排 / 2×2
美食九宫格	6	2×3

间距 / 圆角 / 外边距

间距（gap）

间距	视觉效果	适用
0 px	无缝大图	全景拼接、极简风
2–4 px	细分隔线	产品对比、技术图
6–12 px	常规（默认 8）	最广泛
15–25 px	明显独立	文艺、杂志风
30–40 px	大留白	极简、画廊感

圆角（border-radius）

圆角	风格
0 px	硬朗、技术
4–8 px	轻微软化（默认）
12–20 px	现代 App 风（小红书）
30 px+	谨慎使用
= 短边一半	圆形头像拼图

外边距（margin）

外边距	风格
0 px	占满画布、紧凑
20–40 px	杂志感画框
50 px+	大量留白文艺风

风格搭配速查

风格	比例	间距	圆角	外边距	背景
小红书标准	3:4	8	12	20	白
Instagram 干净	4:5	6	4	30	白
杂志风	4:5	0	0	40	米黄 / 黑
极简硬朗	1:1	0	0	0	黑
极简留白	4:5	16	0	50	白
现代 App	1:1	12	16	24	白

输出尺寸怎么选

输出	用途	体积
1080	社交媒体常规	0.5–2 MB
2K（2048）	高清显示器、印刷预览	2–5 MB
4K（3840）	印刷输出、长期存档	5–15 MB

重要事实：输出尺寸 > 原图分辨率不会让画质变好——只是把已有像素放大不模糊。

多格子拼图的格子像素：

输出 2K (2048px)，2×2 布局 →
每个格子约 1024×1024px

输出 1080，3×3 九宫格 →
每个格子约 360×360px（比原图小很多）

如果原图都是 4000×3000 的高清照片，输出 1080 9 宫格每张只用 360×360——浪费了原图细节。多格拼图建议输出 2K 或 4K。

输出格式选什么

格式	透明	体积	适用
PNG	✅	大	透明背景必选、印刷输出
JPG	❌	小	通用、平台上传
WebP	✅（部分）	最小	现代、自己存档

JPG 质量：默认 92%，几乎肉眼无损。70% 体积减半但能看出损失。

透明背景什么时候用

透明 PNG 拼图典型场景：

PPT / Keynote 插图 —— 放任意颜色幻灯片不出白边
网页素材 —— 叠在彩色 banner 上
印刷设计稿 —— 设计师可自由放置
多层叠加 —— 拼图作为水印或装饰

注意点：

背景透明 → 间距和外边距区域也透明
JPG / WebP 不支持透明
微信发送透明 PNG 会被自动加白底
浏览器预览看到棋盘格背景是正确的

实战流程

场景 A：旅游照片发小红书

比例选 3:4
9 张照片选 3×3 九宫格 模板
间距 8 + 圆角 12 + 外边距 20 + 白底
输出 2K JPG
上传小红书做首图

场景 B：前后对比发 Instagram

比例选 4:5
2 张照片选 左右二分 模板
间距 0（强调对比）+ 圆角 0
输出 1080 JPG

场景 C：产品多角度图发淘宝详情页

比例选 1:1 或 3:4
4 张照片选 2×2 或 L 型 模板
间距 6 + 圆角 4 + 白底
输出 2K PNG（淘宝接受 PNG）

场景 D：杂志风拼图自己印明信片

比例选 4:5（标准明信片比例）
间距 0 + 外边距 40 + 米黄底
输出 4K PNG（印刷必须高分辨率 + 无损）

当前工具的真实边界

维度	实际能力
比例	1:1 / 4:5 / 3:4 / 4:3 / 9:16 / 16:9
模板	按图片张数自动过滤可用布局
间距	0–40 px
圆角	0–60 px
外边距	0–80 px
背景色	透明 / 白 / 黑 / 多预设
输出尺寸	1080 / 2048 / 3840
输出格式	PNG / JPG（92% 默认）/ WebP
拖拽换图	支持（图片间拖拽）
处理位置	浏览器本地

不支持：

自定义比例（如 21:9 超宽）
自定义模板布局（只能用预设）
单格独立调整（裁剪 / 缩放某一格）
文字 / 贴纸图层
滤镜 / 调色

一句话总结

比例按平台选（小红书 3:4、Instagram 4:5、视频号 9:16），模板按图片张数选；间距 8 + 圆角 12 + 外边距 20 是最稳的”小红书风”；多格拼图输出 2K 起，透明背景必须 PNG。

❓ 常见问题

各平台的"展示比例"和"裁剪比例"是同一回事吗？

不是——展示比例是"用户看到的画面尺寸"，裁剪比例是"上传后被裁剪保留的部分"。各平台速查：(1) 小红书——首页推荐流以 3:4 展示，详情页可点开看完整图（最高 4:3 横向）。最佳上传比例：3:4（竖图）；(2) Instagram——单图发布支持 1:1 / 4:5 / 1.91:1，超出会被裁。最佳：4:5（竖图，占屏幕最大）；(3) 微博——9 图九宫格按 1:1 缩略，点开看原图。最佳：1:1（缩略不变形）；(4) 视频号封面——3:4 竖图为主，9:16 全屏。最佳：3:4 或 9:16；(5) 抖音 / 快手图集——9:16 全屏、4:5 竖图、1:1 方图都支持，优先 9:16；(6) 公众号头图——首图 2.35:1 / 900×383，次图 1:1 / 200×200。实务：(1) 拍照不知道发哪 → 拍 4:5 或 3:4 竖图，多平台兼容；(2) 已经知道发哪个平台 → 按上面表选；(3) 发多平台 → 同一组照片拼两次（3:4 给小红书，4:5 给 Instagram）。

拼图模板是按"想要的布局"选还是按"图片张数"选？

先选张数，再在该张数下选布局。本工具的模板按张数分组：1 张（占满）、2 张（左右 / 上下 / 大小不等）、3 张（横排 / 竖排 / L 型 / T 型）、4 张（2×2 / 1×4 / 4×1 / L 型 / T 型）、更多张更多布局。为什么不能"任意张数 + 任意布局"：(1) 模板的格子数固定，4 张照片放 3 张模板会缺一张，放 5 张模板会多一张占位；(2) 工具会自动按你上传的图片数量过滤可用模板。布局选择经验：(1) 2 张对比（前后 / 左右）→ 左右二分；(2) 2 张主次（一张主图 + 一张细节）→ 大小不等的 L 型；(3) 3 张产品多角度→ 横排或竖排；(4) 4 张方形对比→ 2×2；(5) 9 张九宫格（小红书风格）→ 3×3。实务：(1) 拍照前心里有数想用什么布局——决定要拍几张；(2) 已经有照片再选模板更被动；(3) 同一组照片可以试几个模板看哪个最好。

间距（gap）应该多大？为什么有些拼图看起来"高级"有些看起来"廉价"？

间距控制视觉节奏，太大太小都不好。本工具间距范围 0–40px。典型选择：(1) 0 px——无缝拼接，照片像一整张大图，适合：(a) 全景照片拼接、(b) 相同色调的极简风格、(c) 同一场景多角度连贯叙事；(2) 2-4 px——细分隔线，照片仍紧密但有"格子感"，适合：(a) 产品对比、(b) 时间线（before/after）；(3) 6-12 px——常规拼图，最稳的默认值；(4) 15-25 px——明显间距，每张照片像独立卡片，适合：(a) 文艺风、(b) 杂志风、(c) 强调每张照片的独立性；(5) 30-40 px——大间距 + 大留白，极简风。视觉心理：(1) "廉价感"通常来自间距不一致或太突兀（比如 0px 拼接但照片色调不连贯）；(2) "高级感"来自间距均匀 + 圆角 + 充足留白 + 一致的照片调色；(3) 相同间距风格保持一致——一组照片用 0 间距，另一组用 8 间距，混搭显得乱。默认推荐：8 px，覆盖 80% 场景。

圆角（border-radius）和外边距（margin）什么时候用？

圆角软化方形、外边距制造"杂志感"。(1) 圆角 0——硬朗、无修饰，适合产品图 / 技术图；(2) 圆角 4-8——轻微软化，最日常；(3) 圆角 12-20——明显的"现代 App"风，小红书最常见；(4) 圆角 30+——过度软化，谨慎用；(5) 圆角等于格子最短边一半——成圆形，适合头像拼图。(6) 外边距 0——照片占满画布，紧凑；(7) 外边距 20-40——照片周围有"画框"，杂志风；(8) 外边距 50+——大量留白，文艺风但浪费画布面积。搭配建议：(1) 小红书风格：圆角 12 + 外边距 20 + 间距 8 + 白色背景；(2) Instagram 干净风：圆角 4 + 外边距 30 + 间距 6 + 白色背景；(3) 杂志风：圆角 0 + 外边距 40 + 间距 0 + 白色背景；(4) 极简硬朗：圆角 0 + 外边距 0 + 间距 0 + 任意背景。实务：圆角和外边距同时拉满会显得"漂浮感太强"，权衡使用。

输出尺寸 1080 / 2K / 4K 怎么选？

按用途和体积容忍度选。(1) 1080（1080×对应高度）——社交媒体常规分辨率，发任何平台都够，体积最小（500KB-2MB）；(2) 2K（2048×对应高度）——高清显示器、印刷预览、备份存档，体积中等（2-5MB）；(3) 4K（3840×对应高度）——专业用途、印刷输出、4K 显示器、长期存档，体积大（5-15MB）。实务速查：(1) 发微信 / 微博 / 朋友圈 / 抖音 → 1080 够（平台还会再压缩）；(2) 发小红书 / Instagram → 1080 或 2K；(3) 制作公众号封面 → 2K（公众号会保留较高分辨率）；(4) 印刷成实物（明信片、相册）→ 4K；(5) 自己存档 / 不知道未来用途 → 2K。注意：(1) 输出尺寸 > 原图分辨率不会让画质变好，只是放大不模糊；(2) 多张照片拼接，每个格子的实际像素 = 输出尺寸 / 格子相对尺寸——4 张 2×2 拼图输出 2K，每张照片实际 1024×1024。

输出 PNG / JPG / WebP 哪个最合适？

按"是否要透明背景 + 体积要求"选。(1) PNG——支持透明背景（可以拼出"装饰边框 + 透明拼图区"的效果），无损压缩，体积最大；(2) JPG（JPEG）——不支持透明（背景必须是某色），有损压缩，体积小（PNG 的 1/4 到 1/10）；(3) WebP——现代格式，同质量比 JPG 还小 25-35%，但部分老平台不识别（微信公众号 2024 年后支持，但发到老安卓微信可能拒收）。实务：(1) 背景设了"透明" → 必须 PNG（其他格式会变白底）；(2) 照片为主、白底背景 → JPG，体积小；(3) 要发到任何平台 → JPG 兼容性最广；(4) 自己存档 / 想要最小体积 → WebP；(5) 印刷输出 → PNG 无损（避免有损压缩在打印时显形）。JPG 质量条：本工具默认 92%，几乎肉眼无损；70% 体积可缩 1 半但能看出微小损失；50% 以下不建议。

透明背景的拼图能用吗？什么场景需要？

透明 PNG 拼图常用于"做素材"或"叠加效果"。典型场景：(1) PPT / Word / Keynote 插图——透明背景能直接放在任意颜色的幻灯片上，不会出现一圈白边；(2) 网页素材——叠在彩色 banner 上不出底；(3) 拼图作为水印 / 装饰元素——多组照片拼图叠加在更大的设计稿上；(4) 印刷设计稿——交付给设计师，让他自由放置。注意点：(1) 背景透明 ≠ 间距透明——格子之间的间距区域是背景的一部分，背景透明 → 间距也透明；想间距是某色，把背景设成那个颜色而不是透明；(2) JPG 不支持透明——必须 PNG；(3) 微信发送透明 PNG 会被自动加白底（微信压缩策略），想保持透明在网页 / 邮件 / 文档场景；(4) 导出后预览——透明区在浏览器上显示棋盘格背景，那是正确的，不是 bug。

拍了一组旅游照片想拼图发小红书，怎么选模板？

按内容叙事和视觉重心决定。情境 1：日间游记多张景点（4-9 张）→ 选 9:9 九宫格 + 8px 间距 + 4 圆角 + 白色背景 → 视觉饱满，每张地位平等。情境 2：1 张主景 + 几张小细节（4 张）→ 选 L 型布局（1 大 + 3 小） → 主图占左半边，3 个细节竖排在右 → 引导视线先看大图再看细节。情境 3：前后对比（2 张）→ 左右二分 + 0 间距 → 强调"同一构图不同时刻"对比效果。情境 4：人物 + 场景（2 张）→ 大小不等 L 型 → 大图放场景，小图放人物特写。情境 5：日记式时间线（4 张以上）→ 1×4 竖排 → 自上而下读，符合阅读习惯。通用经验：(1) 小红书首图就是吸引点击的封面——主视觉占 60% 以上；(2) 文字信息少时配图越满越好，文字多时给文字留位置；(3) 比例锁定 3:4，符合小红书首页流。