Capture Screenshot
Take screenshots of any webpage for visual monitoring, reporting, and analysis.
Capture Screenshot creates visual snapshots of webpages for documentation, monitoring, and reporting. Perfect for tracking website changes, creating visual reports, and capturing page layouts for analysis.
When to Use It
Use this node to:
- Monitor competitor websites visually
- Document website changes over time
- Create visual reports for clients
- Capture landing pages for campaign analysis
- Generate thumbnails for content galleries
- Track visual design changes
Inputs
| Field | Type | Required | Description |
|---|---|---|---|
| URL | Text | Yes | Webpage URL you want to capture |
| Viewport Width | Text | No | Browser width in pixels (default: 1280) |
| Viewport Height | Text | No | Browser height in pixels (default: 800) |
| Wait Time | Number | No | Seconds to wait for page load (1-60, default: 30) |
| Wait For Element | Text | No | CSS selector to wait for before capturing |
| Capture Full Page | Switch | No | Capture entire page or just visible area |
| Hide Scrollbars | Switch | No | Remove scrollbars from screenshot (default: enabled) |
How It Works
This node opens a browser, loads the specified webpage, waits for content to load, then captures a screenshot. You can customize the browser viewport size and capture settings.
Viewport Settings
Standard Sizes:
- Desktop: 1920×1080, 1366×768, 1280×800
- Tablet: 768×1024, 1024×768
- Mobile: 375×667, 414×896, 360×640
Custom Sizes:
- Set any width/height for specific use cases
- Match your target audience’s common screen sizes
- Use consistent sizes for comparison screenshots
Capture Modes
Visible Area Only (Default):
- Captures what users see without scrolling
- Faster capture process
- Good for above-the-fold content analysis
- Standard viewport dimensions
Full Page Capture:
- Screenshots the entire webpage length
- Includes all content that requires scrolling
- Larger file sizes
- Perfect for complete page documentation
Advanced Options
Wait for Element
Specify a CSS selector to wait for before capturing:
When to Use:
- Dynamic content that loads after initial page load
- JavaScript-heavy websites
- Ensuring specific elements are visible before capture
Wait Time
Shorter Times (5-15 seconds):
- Fast-loading static websites
- When you need quick captures
- Simple HTML pages
Longer Times (30-60 seconds):
- Complex JavaScript applications
- Slow-loading websites
- Pages with lots of images or external content
Output
The node returns:
- Screenshot Image - The captured webpage image
- Image URL - Direct link to the screenshot file
- Page Title - Title of the captured webpage
- Capture Details - Timestamp, dimensions, and settings used
FAQ
How long do screenshots take to capture?
How long do screenshots take to capture?
Screenshot capture typically takes 10-60 seconds depending on page complexity, wait time settings, and whether JavaScript rendering is needed. Simple pages are faster than complex applications.
Can I capture password-protected pages?
Can I capture password-protected pages?
No, this node captures publicly accessible pages only. For protected pages, you’ll get login screens or access denied pages instead of the actual content.
What image format do I get?
What image format do I get?
Screenshots are typically provided as PNG files, which offer good quality and compatibility for most use cases including reports and analysis.
How do I capture mobile-sized screenshots?
How do I capture mobile-sized screenshots?
Set the viewport width to mobile dimensions like 375×667 (iPhone) or 360×640 (Android). This simulates how the page appears on mobile devices.
What if the page content loads slowly?
What if the page content loads slowly?
Increase the wait time or use the “Wait For Element” option to specify a key element that must load before capturing. This ensures you capture complete content.
Can I automate regular website monitoring with screenshots?
Can I automate regular website monitoring with screenshots?
Yes, combine this node with a scheduler to take regular screenshots. Use email or Slack nodes to get notified when visual changes are detected by comparing screenshots over time.
How do I compare screenshots to detect changes?
How do I compare screenshots to detect changes?
While this node captures screenshots, you can use AI analysis nodes to compare images and detect visual differences between captures taken at different times.