多图拼图工具

发朋友圈想一次晒九张图?选九宫格模板拖图即成;小红书首图用杂志风、拍立得模板。每格可拖动缩放、2x 高清导出,免登录直接用。

📋

20 种拼图模板

九宫格、四宫格、六宫格、十二宫格、三联屏、杂志风、拍立得、便当格、主图便当、错落便当、胶片风、海报风、阶梯风、相框风、不等比三联、L 型、十字、拼贴风、照片墙、自由拼图,满足各种拼图需求。

🎨

槽位内自由调整

每张图片可在槽位内拖动移动位置,四角控制柄等比缩放。拍立得可编辑底部白边文字与颜色,cover 模式自动适配槽位。

📥

一键导出 PNG

拼图布局完成后,一键导出 PNG 图片。支持旋转槽位模板(拍立得、阶梯风、照片墙),导出可选 6 种氛围滤镜,效果与预览一致。

关于星之谣拼图工具

这是一款专注于"多图拼图"的免费在线工具。提供 20 种拼图模板,包括九宫格、四宫格、六宫格、十二宫格、三联屏、杂志风、拍立得、便当格、主图便当、错落便当、胶片风、海报风、阶梯风、相框风、不等比三联、L 型、十字、拼贴风、照片墙和自由拼图模式。每张图片可在槽位内独立拖动和缩放,cover 模式自动适配槽位尺寸。拍立得模式支持底部白边文字编辑(日期戳/符号/自定义文字,可选颜色),导出时可选复古、黑白、暖色等氛围滤镜。支持旋转槽位模板(拍立得、阶梯风、照片墙),让拼图更有层次感。基于 LeaferJS 渲染引擎,纯前端运行,免登录即用,图片不上传服务器,隐私安全。

20 种模板分类

  • 网格系:九宫格、四宫格、六宫格、十二宫格
  • 横屏系:三联屏、不等比三联、胶片风
  • 便当系:便当格、主图便当、错落便当
  • 杂志系:杂志风、海报风、相框风、拼贴风
  • 创意系:拍立得、阶梯风、照片墙
  • 形状系:L 型、十字
  • 基础系:自由拼图

使用场景

  • 朋友圈九宫格:9 张照片拼成九宫格,朋友圈最经典玩法
  • 杂志风排版:多张照片拼成杂志风排版,提升质感
  • 拍立得效果:3 张照片错落叠加,复古拍立得风格,底部可加日期戳
  • 三联屏壁纸:3 张照片横向并排,适合做壁纸
  • 便当格排版:大小格搭配拼贴,社交媒体分享更出彩
  • 活动回顾:多张活动照片拼成一张,社交媒体分享
  • 产品展示:多角度产品图拼图,电商详情页必备

如何使用?

  1. 从 20 种模板中选择一个(首次进入会自动弹出模板选择面板)
  2. 点击空槽位上传图片(图片会以 cover 模式自动适配槽位)
  3. 点击有图片的槽位选中,拖动图片在槽位内移动位置
  4. 拖动四角控制柄等比缩放图片
  5. 拍立得模式:点击底部白边编辑文字,可选颜色与日期戳预设
  6. 自由拼图模式:点击"添加图片"上传多张图片,自由拖动摆放,选中后可置顶/上移/下移/置底调整层级
  7. 快捷键:Delete 删除选中 / Esc 取消选中 / Ctrl+Z 撤销 / Ctrl+Y 重做(支持填充/删除/拖动/缩放/旋转回退)
  8. 导出时可选"2x 高清"、"紧凑导出"和氛围滤镜,点击"📥 导出 PNG"按钮输出拼图图片

技术特色

  • 基于 LeaferJS 2.x 渲染引擎,多图层独立变换
  • @leafer-ui/mask 独立裁切:每个槽位用 mask:'path' 实现独立裁切蒙版,替代全局 evenodd 遮罩方案
  • 圆角裁切:maskRect 支持自定义 cornerRadius,图片边缘柔和过渡
  • 旋转槽位支持:clipGroup 以槽位中心为原点,rotation 绕中心旋转
  • 旋转槽位 drag 修正:把画布坐标系位移旋转到槽位坐标系
  • 对角点缩放算法:支持旋转槽位的四角缩放
  • 原生 Canvas 导出,旋转槽位用 translate + rotate + clip + drawImage
  • 纯前端运行,零后端依赖,图片不上传服务器,隐私安全