⭐ 觉得好用?收藏备用,下次直接打开
🧵
点击或拖拽多张图片到这里
支持 JPG、PNG、WebP(动图仅取首帧)· 也可直接 Ctrl+V 粘贴

长图拼接工具 把多张图片按指定方向(竖向 / 横向)拼成一张长图,所有处理都在浏览器本地完成,图片不上传。当前最有区分度的能力是:竖向滚动截图的智能去重叠

三种尺寸对齐方式对比

模式竖向行为横向行为适用场景
最窄/最矮 统一所有图缩到最窄宽度所有图缩到最矮高度不同设备截图混合、想要紧凑无空白
最宽/最高 统一所有图放大到最宽宽度所有图放大到最高高度不想丢失任何图的细节、可接受小图轻微模糊
原宽/原高 居中画布 = 最宽,每张原宽居中画布 = 最高,每张原高居中保真原图像素,可接受两侧空白带

智能去重叠 — 什么时候开

强烈推荐开

  • 手机系统连续截图(iOS / 安卓滚动浏览时按音量+电源连截)
  • PC 浏览器滚动截图工具(如 GoFullPage、Awesome Screenshot)的分段输出
  • 任何”上一张底部 = 下一张顶部”的连续渲染场景

不要开

  • 不同来源的图(不会有重叠,浪费时间且有误识别风险)
  • 横向拼接(算法仅竖向支持)
  • 「原宽居中」模式(依赖统一宽度,否则不工作)

当前工具边界

  • 支持 竖向 / 横向 拼接
  • 支持 最窄 / 最宽 / 原宽 或横向对应的对齐模式
  • 支持 PNG / JPG / WebP 导出
  • 智能去重叠只适合竖向连续截图,不是任意图片的“自动拼版”
  • 当前工具不带标题、水印、文字层或平台尺寸校验

输出格式选择

场景推荐格式质量
发微信 / 朋友圈 / 微博JPG85-90%
邮件附件JPG80-85%
自己保存原图PNG
网站背景 / Web 用WebP75-85%
二次编辑(Photoshop 等)PNG

体积控制建议

  • 10 张手机截图(每张 ~3MB)拼成竖向长图,PNG 输出约 20-30MB,JPG 90% 约 4-6MB
  • 启用智能去重叠后,去掉重复部分通常能再减 20-40% 体积
  • 单图过大无法发送时,先 图片压缩 再发

实战提示

  • 截图前别动屏幕:智能去重叠依赖像素级匹配,截图间隙触摸屏幕会导致内容微动,识别失败
  • iOS 用户:iOS 18+ 的”完整页面”截图直接生成 PDF,可以先用 PDF 转图片 拆成图再来这里拼
  • 想要清晰边界:相邻图之间不重叠时,间距设为 4-8px + 浅灰背景,视觉上有自然分隔
  • 想要无缝:相邻图设计上前后衔接(如设计稿分段渲染),间距设 0、背景透明

📍使用场景

  • 手机滚动截图拼接浏览长页面时连续截图,开"智能去重叠"自动识别并去掉相邻图重复的导航栏/状态栏/重复内容,拼成完整长图。
  • 聊天记录归档长聊天截图分多张抓取后竖向拼接成完整对话流,分享或存档时不漏掉中间消息。
  • 攻略 / 教程多图汇总小红书、知乎、公众号截图多张,拼成一张长图分享,避免单图限制和阅读跳转。
  • 横幅 / 流程图拼接多张产品图、流程截图横向拼成横幅长图,用于演示对比、产品全景、时间线展示。

常见问题

智能去重叠是怎么识别两张图的重叠区域的?什么情况会失败?

算法:把两张图按统一宽度缩放后,对每行计算一个简易哈希(每行 16 个均匀采样点的 RGB 之和);用上一张底部 60 行作为"指纹",在下一张前 80% 范围内滑窗找最佳匹配位置;当每行平均差 < 600 时判定为重叠。适合场景:手机原生截图(系统稳定渲染、像素级重叠)、PC 浏览器滚动截图。会失败的场景:(1) 两次截图间触碰过屏幕导致内容跳动;(2) 截图被压缩 / 转码导致像素差异(如先发到微信再下载);(3) 横向截图(仅竖向支持);(4) 选了"原宽居中"模式(依赖统一宽度)。失败时去重叠功能静默不生效,等同普通拼接。

多张图尺寸不一样,应该选哪种"尺寸对齐"?

看你的来源。(1) 同一手机连续截图 → 选「最窄统一」或「最宽统一」都行(实际宽度都一样,结果相同);(2) 不同手机/设备截图 → 「最窄统一」最稳,所有图按最窄那张缩放,最终长图宽度 = 最窄宽度,不会有空白边;(3) 保留原始像素,不缩放 → 选「原宽居中」,画布宽度取最宽那张,每张原宽居中,两侧留背景色填充——保真但可能有左右空白带。横向同理:「最矮统一」「最高统一」「原高居中」。

拼接后的长图体积太大,无法保存或分享怎么办?

几个折中。(1) 优先用 JPG 或 WebP 导出,PNG 更适合保留透明或无损存档;(2) 质量从 90% 往下试,通常很快能把体积压下来;(3) 面向社交平台时,超长图更稳的做法往往是拆成 2-3 段,不要把所有内容挤成一张超大图;(4) 如果还嫌大,再过一遍 图片压缩

拼接出的图浏览器渲染不出来 / 导出失败怎么办?

多半是超过浏览器 canvas 或内存限制。不同浏览器、不同设备能承受的单边长度和总像素都不一样,移动端通常更严格。症状一般是预览发白、导出失败或页面卡住。更稳的处理方式是:先缩宽度、少拼几张、开启智能去重叠,或者改成分段导出。

PNG / JPG / WebP 三种输出格式怎么选?

按用途选PNG 适合保留透明背景或后续二次编辑;JPG 兼容性最好,发给别人或发平台更稳;WebP 体积通常更小,但不适合默认假设所有软件都认识。正式分享或办公场景里,JPG 通常仍是最保险的输出。

拼接顺序错了能调整吗?怎么调?

直接拖。图片列表里每张缩略图左侧的「⠿」拖动手柄,按住可以拖到任意位置,预览实时更新。也支持:删除单张(缩略图右侧 ×)、追加更多("+ 添加"按钮)。整体重新选可点底部"清空重选"。手机端:长按缩略图后拖动(部分浏览器需要先点击进入排序模式,看手势反馈)。

我能在拼接图里加一些"自定义文字"吗,比如标题、水印?

当前工具不带文字层。如果需要:(1) 加水印 → 拼接后过一遍 图片水印;(2) 加标题/说明 → 拼接前先在每张图原图上 P 字,或者拼接后用任意截图编辑器(手机自带相册编辑、或在线工具)加文字。未来可能加入:标题栏、分隔线、序号标注 —— 取决于使用反馈。