Website-shot 实用指南：轻松搞定网页截图的神器

## Website-shot 是什么

说实话，网页截图这事儿真的挺烦人的。浏览器自带的截图功能只能截一屏，想要整个页面的长截图？要么装插件，要么用各种在线工具，还经常遇到各种限制。

Website-shot 是一个免费的网页截图工具，可以生成完整的网页截图，没有使用限制。
它的核心优势就是：

> 全页面截图：不管是多长的网页，它都能给你截成一张完整的图，再也不用手动拼图了。
> 
> 批量截图：你可以把所有要截的网址都放在一个列表里，让它一次性全部搞定，效率直接拉满！
> 
> 高度自定义：你想截什么尺寸？想截哪个设备（比如手机、平板）的视图？这些它都能帮你设置。

https://appstore.lazycat.cloud/#/shop/detail/cloud.lazycat.app.websiteshot

## 快速上手

应用安装后，打开就是功能页面

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/42cb0764-0e88-4b0c-ac6b-9b18c7688f38.png "image.png")

截图类型选择

最上面有三个大按钮，这是让你选择截图的输出类型：

Image（图片）：这是最常用的，就是把网页内容截成一张图片。

Multiple Images（多张图片）：如果你批量输入了多个网址，选这个就能一次性生成所有网站的截图。

PDF：如果你想把网页内容保存成 PDF 文件，就选这个。

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/9a4f6159-1cea-4a07-b1a2-7f5fe79698ce.png "image.png")

分辨率和尺寸设置

这个区域是用来控制截图大小和比例的：

Resolutions (分辨率)：这里有一个下拉菜单，里面预设了一些常用分辨率，比如 1920x1080 (FHD)，你可以直接选择，很方便。

Width (宽度) & Height (高度)：如果你不想用预设的分辨率，可以手动拖动滑块或者直接输入数字，来精确控制截图的宽度和高度。


![image.png](https://dl.playground.lazycat.cloud/guidelines/496/8ed18c4e-4197-404d-9cc1-9709ab7a406c.png "image.png")

这些开关可以帮你实现一些更高级的截图需求：

FullSize（全尺寸）：这个功能超级实用！勾选它之后，website-shot 就会截取整个网页，从头到尾，不管多长都能截成一张完整的图，再也不用手动滚动和拼图了。

DarkMode（暗黑模式）：如果你想看网站在暗黑模式下的样子，勾选这个就能生成暗黑模式的截图。

Save content（保存内容）：这个功能主要是为了让你保存网页的 HTML 和 CSS 代码。

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/cc42fe09-f568-44ab-9801-d4e980cd66a7.png "image.png")

这个区域的设置可以让你更好地控制截图过程：

Delay in seconds (延迟秒数)：有时候网页需要一些时间加载内容（比如动态数据、动画效果），你可以设置一个延迟时间，比如 3 秒，这样就能确保所有内容都加载完毕之后再截图，避免截到空白或者不完整的页面。

Scale (缩放比例)：这个滑块可以让你调整截图的缩放比例，比如设置为 50，截图就会缩小一半；设置为 200，就会放大一倍。

Format (格式)：这个下拉菜单可以让你选择保存图片的格式，一般默认是 .png，你也可以选择 .jpeg 等其他格式。


![image.png](https://dl.playground.lazycat.cloud/guidelines/496/aa1199c0-9dbb-4771-a365-a534dd362282.png "image.png")

Add Scripts/Styles：如果你懂一些前端代码，可以用这个按钮给网页添加自定义的脚本或样式，来实现一些特殊效果，比如隐藏某个元素再截图。

Capture Screenshot：当你设置好所有参数后，点击这个按钮，程序就会开始截图了。

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/a5cd24ad-a388-42d9-8b0c-bb9597f8700b.png "image.png")

以王总博客为例，https://manateelazycat.github.io/index.html

注意，如果你微服开着小猪佩奇，必须关掉，不然会抓取失败。

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/fe322112-0af0-45e1-b9bc-a1c401317f11.png "image.png")
## 总结

Website-shot 的优势是开源、免费、功能相对完善，适合大多数使用场景。

如果你只是偶尔截个图，用浏览器插件就够了。但如果你需要批量处理、定制功能或者不想依赖第三方服务，Website-shot 值得试试。