Image Collage Synthesis

📐 工作原理与说明

图片拼图布局与画布尺寸计算
垂直堆叠(v)：统一宽度 = min(1600, 各图最大宽) 或固定值
　各图高度 = round(统一宽 ÷ 原宽 × 原高)；画布高 = Σ各图高 + gap×(n−1)
水平排列(h)：统一高度同理，画布宽 = Σ各图宽 + gap×(n−1)
网格(grid)：平均宽高比 = Σ(宽/高) ÷ 张数
　定宽模式：格宽 = ⌊(固定值 − 边距×2 − gap×(列数−1)) ÷ 列数⌋，格高 = 格宽 ÷ 平均宽高比
　定高模式：格高同理反算格宽
　自适应模式：格高基准 300，按平均宽高比算格宽，超 3000px 时整体缩放
画布尺寸 = 边距×2 + 格数×格宽 + gap×(格数−1)
填充模式 cover/contain 由 drawImageFit 决定裁剪或留白
安全上限：任一边 > 8000px 时按比例缩放并提示
图片数超过格子数时仅合成前行×列张

Image Collage Synthesis: computes and outputs results from the input parameters.

🔒 所有图片仅在浏览器本地处理，不会上传到服务器，请放心使用。

📁

点击选择图片或拖拽到此处

支持 PNG / JPG / WEBP / GIF，可多选

⚙️ 合成设置

布局模板

尺寸模式

适应方式（网格）

背景色

图片间距 8 px

外边距 10 px

透明背景（仅 PNG 有效，JPG 下载时自动填充白底）

请先上传图片，合成预览将显示在此处

📚 深度解析：图片拼图合成（网格/横向/纵向）

💡 常见使用场景

把多张旅行照拼成一张长图发朋友圈或做对比图。

电商做多 SKU 合集图，统一间距与边距更整齐。

2×2 拼四张

四张 600×600 图，选 2×2 网格、间距 10px、边距 20px，合成画布 = 600×2+10+20×2 = 1260×1260px。

3×3 拼九张

九张 400×400，3×3 网格间距 8px 边距 16px，输出 400×3+8×2+16×2 = 1280×1280px。

❓ 常见问题（FAQ）

合成画布尺寸怎么估算？

边长 = 单图边长×格数 + 间距×(格数−1) + 边距×2。先用公式核一遍再导出，避免超出预期。

透明底和纯色底怎么选？

需要叠加到其他背景用透明底（PNG）；单独成图用纯色底更干净。

Item

Formula

Source / Standard

Canvas size

Rows × columns × cell size

collage layout

Cell size

Canvas width / number of columns

collage cell

Gap

Spacing in px

collage spacing

Image Collage Synthesis

📚 深度解析：图片拼图合成（网格/横向/纵向）

💡 常见使用场景

❓ 常见问题（FAQ）

Formula & Standard References

📝工具简介

✨功能特点

🎯使用场景

图片拼图合成工具

Image Collage Synthesis

📚 深度解析：图片拼图合成（网格/横向/纵向）

💡 常见使用场景

❓ 常见问题（FAQ）

Formula & Standard References

🔗 相关工具

🔗 相关工具

📝工具简介

✨功能特点

🎯使用场景