网页本身就带滚动条时,很多人会顺手把右边整根条也一起框进去,结果长图拼到一半就开始乱。pixpin 截这类网页长图,真正要盯住的不是滚动条本身,而是正文这个唯一滚动区域,剩下的问题再交给方向修正和收边。
先按“Ctrl + 1”框正文,再切到长截图
网页长图的第一步还是普通截图。按 Ctrl + 1 以后,把框尽量落在真正会滚动的正文区域,再点长截图入口。不要一上来就把左侧导航、右侧浮动目录和整根滚动条都贪进去,否则后面一动就容易把多个区域一起算进去。

后台列表、文档页、资讯站最容易犯这个错。先让正文区单独成立,长截图成功率会高很多。
带滚动条的网页,截图范围尽量别把滚动条本体框进去
网页长图最好把滚动条排除在截图框外。这类页面不要想着“把滚动条也截进去更完整”,恰恰相反,滚动条本身越少进框,拼接越稳,最后也更像一张完整页面而不是带操作痕迹的工作截图。

如果正文右边留出一点点边距没关系,重点是别把会变化的滚动块完整带进去。
方向不顺时先更新方向,再继续往下滚
页面里有浮层、吸顶栏或者多层滚动时,PixPin 可能一开始没抓准你真正想拼接的方向。这时候别连滚几下硬顶,先用界面里的更新方向思路把它修准,再继续往下滚,会比失败后重来省很多时间。

尤其是后台管理页,鼠标如果悬在侧栏上,方向经常会判断偏。先修方向,再拼正文,是最稳的顺序。
拼到底以后,顺手裁掉空白边和半截页脚
长截图完成以后先别急着保存,看一眼底部有没有半截页脚、加载条或者额外空白。如果有,就在结束界面手动收边。网页长图不怕长,怕的是最后多出一截和正文无关的东西。

这篇题目的核心就两句:正文单独框,滚动条尽量别进框。把这两句做到位,网页长图会稳定很多。

















