关键信息
- 分类
- Development
- 输入类型
- text, number, select, checkbox, textarea
- 输出类型
- file
- 样本覆盖
- 4
- 支持 API
- Yes
概览
网站截图器是一款基于无头浏览器的在线工具，能够快速、高质量地捕获网页截图。您只需提供目标网址，即可自定义截图尺寸、格式、质量，并支持整页截图、隐藏干扰元素、模拟暗黑模式或移动视图等多种高级选项。
适用场景
- •需要快速捕获并保存某个网页的当前视觉状态时。
- •需要特定尺寸（如用于社交媒体封面）或特定格式（如WebP）的网页截图时。
- •需要自动化截图流程，或需要隐藏网页上的广告、弹窗等元素以获得干净截图时。
工作原理
- •在输入框中粘贴或输入您想要截图的完整网页URL。
- •根据需要配置截图选项，如设置宽度和高度、选择图像格式（PNG/JPEG/WebP）、调整质量、启用整页截图或隐藏特定元素。
- •点击生成按钮，工具将启动无头浏览器访问该页面并按照您的设置进行截图。
- •截图生成后，您可以直接预览并下载图像文件。
使用场景
网页设计师保存设计灵感或记录页面改版前后的状态。
内容运营人员为文章或报告捕获特定网页的快照作为参考资料。
开发或测试人员自动化生成不同设备视图下的页面截图，用于回归测试或文档记录。
用户案例
1. 捕获社交媒体分享图
内容创作者- 背景原因
- 一位博主需要为一篇新文章制作一张在社交媒体上分享的封面图，要求尺寸为1200x630像素。
- 解决问题
- 手动截图并调整尺寸很麻烦，且容易丢失重要页面内容。
- 如何使用
- 在工具中输入文章URL，将宽度设置为1200，高度设置为630，格式选择JPEG以获得较小文件体积。
- 示例配置
-
width: 1200, height: 630, format: jpeg, quality: 85 - 效果
- 直接获得一张尺寸精确、质量适中的网页截图，可立即用作社交媒体分享图。
2. 获取无干扰的整页存档
市场研究员- 背景原因
- 研究员需要保存一个竞争对手产品页面的完整内容用于分析，但该页面有浮动广告和Cookie横幅。
- 解决问题
- 普通截图会包含干扰信息，且无法一次截取整个长页面。
- 如何使用
- 输入产品页面URL，勾选“整页截图”，并在“隐藏元素”中输入广告和横幅的CSS选择器（如 `.ad-banner, #cookie-consent`）。
- 示例配置
-
fullPage: true, hideElements: ".ad-banner, #cookie-consent" - 效果
- 获得一张干净、完整的单页长截图，清晰展示了产品页面的所有核心信息，便于存档和分析。
用 Samples 测试
image相关专题
常见问题
支持哪些图像格式？
支持 PNG（无损）、JPEG（有损压缩）和 WebP（现代格式）三种格式。
什么是“整页截图”？
启用后，工具会捕获整个可滚动页面的完整长度，而不仅仅是当前屏幕可见区域。
“隐藏元素”功能怎么用？
在文本框中输入一个或多个CSS选择器（用逗号分隔），例如 `.ads, .popup`，工具会在截图前隐藏匹配的页面元素。
可以模拟手机浏览效果吗？
可以。勾选“移动视图”选项，工具会模拟移动设备的屏幕尺寸和用户代理来生成截图。
“等待时间”有什么用？
对于加载缓慢或有动态内容的页面，增加等待时间（毫秒）可以确保页面元素完全加载后再截图，避免截取到空白或未渲染的内容。