多图拼接拼图

把几张照片拼成一张:前后对比、九宫格、长图接续都能排,间距和圆角随手调,导出直接发出去。

可以一次选多张,也能直接粘贴截图,或者把图片文件拖到这个面板里。最多 12 张,顺序就是格子从左到右、从上到下的顺序。

还没有图片,先选几张试试

拼图的对齐与取舍

cover 和 contain 的区别只有一个缩放系数:cover 取宽高比里较大的那个,图片铺满格子、多出来的部分被裁掉,所以每格看起来都是满的,但边缘会被切;contain 取较小的那个,整张图完整可见,代价是格子两侧或上下留出背景色。做前后对比这类需要看清全图的场景用 contain,做九宫格墙这类追求整齐的场景用 cover。

版面整齐的关键是每格尺寸一致,而不是每张图尺寸一致。模板先把画布切成等分的网格,再把图片按格子尺寸缩放,所以传进来的原图多大都不影响版式;反过来,如果想让每张图都不被裁,就要挑宽高比接近的图片,或者先把它们裁成同一个比例再拼。

间距和外边距是输出像素,同一个数字在 1080 宽和 1600 宽的画布上看着粗细不同:画布越大越显得细。一般手机上看的拼图留 10 到 20 像素就够,要做成海报打印可以按长边的 1% 到 2% 来给。圆角只在图片外侧切,空隙里露出的是背景色,所以圆角配浅色背景最自然。

拼图在浏览器里用画布合成,图片不会上传到任何服务器,关掉页面就什么都不剩。导出 JPEG 体积小、适合发聊天软件,但反复导出会一代比一代糊;PNG 无损,适合再拿去编辑。需要把拼好的图再压小一点,可以到图片压缩继续处理。