如何把整个网页截成一张长图

浏览器自带的截图，拍的是屏幕；你要的往往是一整篇文档。差别就在一个动作上：自动滚动。

为什么系统截图截不了整页

系统的截图快捷键是把显示器上的像素搬进剪贴板。它不知道”网页还有多长”，只知道”这一屏有什么”。所以想截一个要滚七八屏的商品详情页或公告，唯一的办法是滚动、逐屏拍、再拼起来——这正是长截图工具做的事。

Chrome 开发者工具其实也能整页截图（命令菜单里的 Capture full size screenshot），但它不处理吸顶导航、不管懒加载，也没有标注和打码。

三步截一张整页长图

1. 打开要截的网页，点浏览器工具栏上的 PanoSnap 图标。
2. 选「整页截图」。扩展会自动滚动页面、逐屏拍摄，再拼成一张完整的长图。
3. 截图完成后自动进入编辑器：裁剪、标注、打码，然后保存成 PNG / JPG / WebP / PDF，或者直接复制到剪贴板。

只想要页面中的一块（一段聊天记录、一张表格），就用「区域截图」，拖拽框选即可。

整个过程不需要注册账号，截图也不会离开你的浏览器。

三个最容易卡住的地方

长截图里出现了好几个导航栏

顶部吸顶菜单是 position: fixed 的元素，每一屏都停在同一个位置，逐屏拍下来就是七八个导航栏。PanoSnap 在截图时会自动隐藏这类固定元素并暂停页面动画，正常情况下不会出现。

如果你用的是别的工具（或者手动逐屏截的），处理办法见：长截图出现重复导航栏怎么办。

页面太长，截到一半就失败

没有固定的长度上限，实际能截多长取决于浏览器可用内存。页面特别长时：

• 先关掉其他占用内存大的标签页，尤其是视频和在线文档；
• 或者分成两段截，中间重叠一小段，事后拼起来也看不出接缝。

图片、评论区是边滚边加载的

懒加载的图片和无限滚动的列表，在你滚到之前根本不存在，自然也不会被截进去。对策很简单：先手动从顶部滚到底部，让内容全部加载出来，再回到顶部开始截图。会话类页面同理，见 把 AI 对话保存成一张长图。

导出格式怎么选

格式	适合什么	代价
PNG	文字、界面、代码	无损，文件最大
JPG	以照片、大图为主的页面	文字边缘会有压缩痕迹
WebP	要发给别人、控制体积	少数老软件不支持
PDF	存档、打印、正式提交	不方便在聊天里直接预览

一张几千像素高的长图，PNG 动辄十几 MB。只是发给同事看一眼，WebP 或 JPG 更合适；要留作证据或存档，选 PNG 和 PDF。

一句话总结

整页截图 = 自动滚动 + 逐屏拍摄 + 拼接。真正决定成败的不是工具，而是截图前那一遍从顶滚到底——内容加载完了，才谈得上截全。