多图拼接拼图
把几张照片拼成一张:前后对比、九宫格、长图接续都能排,间距和圆角随手调,导出直接发出去。
可以一次选多张,也能直接粘贴截图,或者把图片文件拖到这个面板里。最多 12 张,顺序就是格子从左到右、从上到下的顺序。
版式
两行两列,最常用的方阵 · 这个模板最多 4 张,图片少于格子数时多出来的格子留成背景色。
每格的填充方式
cover 会把图片放大到铺满格子、超出的部分裁掉,版面整齐但会切掉边缘;contain 保证整张图都在,代价是格子边上留白。同一张拼图里两种方式不能混用,需要单独处理某张图就先裁好再传进来。
间距和外边距的单位是输出像素,画布越大同样的数字看着越细,所以换了尺寸之后要重新调一下。圆角只在图片外侧生效,空隙里露出的是背景色。
输出尺寸与格式
自动模式按所有图片的平均宽高比算画布比例,格子比例和图片最接近,留白最少;固定尺寸适合要发到某个指定尺寸的场景,格子会被拉成别的比例,由填充方式决定怎么取舍。
导出格式
拼图里通常是照片,JPEG 90% 以上画质够用、体积小很多;要保留圆角外的透明区域或者画面里有文字线条,选 PNG。
预览
选好图片后这里会显示拼图效果,空格子用背景色留白。
拼图的对齐与取舍
cover 和 contain 的区别只有一个缩放系数:cover 取宽高比里较大的那个,图片铺满格子、多出来的部分被裁掉,所以每格看起来都是满的,但边缘会被切;contain 取较小的那个,整张图完整可见,代价是格子两侧或上下留出背景色。做前后对比这类需要看清全图的场景用 contain,做九宫格墙这类追求整齐的场景用 cover。
版面整齐的关键是每格尺寸一致,而不是每张图尺寸一致。模板先把画布切成等分的网格,再把图片按格子尺寸缩放,所以传进来的原图多大都不影响版式;反过来,如果想让每张图都不被裁,就要挑宽高比接近的图片,或者先把它们裁成同一个比例再拼。
间距和外边距是输出像素,同一个数字在 1080 宽和 1600 宽的画布上看着粗细不同:画布越大越显得细。一般手机上看的拼图留 10 到 20 像素就够,要做成海报打印可以按长边的 1% 到 2% 来给。圆角只在图片外侧切,空隙里露出的是背景色,所以圆角配浅色背景最自然。
拼图在浏览器里用画布合成,图片不会上传到任何服务器,关掉页面就什么都不剩。导出 JPEG 体积小、适合发聊天软件,但反复导出会一代比一代糊;PNG 无损,适合再拿去编辑。需要把拼好的图再压小一点,可以到图片压缩继续处理。