/ 多图无损拼接与长图生成器 ← 首页

多图无损拼接与长图生成器 (Image Stitcher)

支持在本地浏览器内批量选择多张图片,进行纵向拼长图、横向水平拼接、网格 / 九宫格拼图。支持自由拖拽调整图片顺序与旋转、自定义内边距、外边距、圆角与背景颜色,纯前端 Canvas 高清渲染,一键导出超清 PNG / JPG。
点击添加多张图片,或直接拖拽多张图片到此处
支持批量追加上传,支持 JPG、PNG、WEBP、GIF,支持剪贴板 Ctrl+V 粘贴
快速体验预设示例:
拼接模式
纵向长图 横向拼接 九宫格/网格
排版与对齐
间距、圆角与背景
内间距 (Gap):
{{ innerPadding }}px
外边距 (Margin):
{{ outerMargin }}px
图片圆角:
{{ borderRadius }}px
背景颜色:
图片顺序 ({{ imageList.length }} 张)
逆序 清空
{{ idx + 1 }}
{{ item.name }} {{ item.width }}×{{ item.height }} px
{{ finalDimensions.width }} × {{ finalDimensions.height }} px 共 {{ imageList.length }} 张图片
缩小 - {{ Math.round(previewZoom * 100) }}% 放大 + 适应屏幕
导出格式: PNG (无损) JPEG WebP
画质: {{ Math.round(exportQuality * 100) }}%
导出并下载拼接图片 复制图片到剪贴板

多图拼接与长图生成器介绍

多图拼接与长图生成器是一款纯前端离线运行的图像排版与拼图工具。支持将任意多张图片快速组合为纵向超长图、横向水平拼图或标准的九宫格网格矩阵

内置高精度 Canvas 渲染管线,支持智能等比缩放、裁切对齐、自由调整内边距与外边距、独立为每个子图片应用圆角裁切,并可自由指定背景色(含透明背景)。图片完全在用户本地浏览器内处理,无需上传至任何远程服务器。

使用方法

  • 添加图片:点击上方上传区域批量选取图片,或直接拖拽多张图片到窗口,也支持直接粘贴截图。
  • 选择拼接布局
    • 纵向长图:适合微博长图、聊天记录截图拼接、多图游记等,支持自动等宽缩放。
    • 横向拼接:适合全景图并列展示、对比图拼接等,支持自动等高缩放。
    • 九宫格/网格:支持 2~5 列自由网格排列,可选 1:1 正方形自动裁切填满或完整等比缩放。
  • 调整排序与角度:在左侧列表中可直接拖拽条目重排顺序,或点击上移/下移/旋转90°按钮精细调整。
  • 美化外观:自由调整内边距、外边距、圆角弧度以及背景颜色。
  • 一键导出:支持无损 PNG、JPEG 及现代 WebP 格式,点击“导出并下载”即可保存超清图片。

拓展时间: 2026-08-31 · 纯前端离线极速渲染