Website Screenshot Tool

What is the Website Screenshot Tool?

The Website Screenshot Tool is an automated web page capture solution designed to provide high-quality screenshot services for CoreClaw platform users. With CoreClaw, you can capture web page screenshots without writing code, empowering website monitoring, design asset collection, SEO auditing, content archiving, and brand monitoring.

• ✅ Multiple Output Formats - Supports JPEG, PNG, and WebP formats for different use cases
• ✅ Flexible Capture Modes - Supports full-page or viewport-only capture with customizable viewport width
• ✅ Batch Processing - Handles multiple URLs at once to boost productivity
• ✅ Smart Thumbnail Optimization - Automatically generates compressed thumbnails to reduce data transfer
• ✅ OCR Text Extraction - Built-in OCR mode to extract text content from screenshots
• ✅ Dynamic Content Support - Waits for specific elements and handles lazy-loaded content
• ✅ Custom Element Hiding - Hide unwanted elements like cookie banners

What Data Can You Extract?

How to Use the Website Screenshot Tool?

CoreClaw Website Screenshot Tool handles browser startup, page loading, screenshot generation, and data encoding in the background. In just a few minutes, you can capture data through these steps:

1. Create a free CoreClaw account with your email
2. Open the Website Screenshot Tool dashboard
3. Enter the list of URLs to capture (single or multiple)
4. Configure parameters (output format, quality, capture mode, viewport width, etc.)
5. Set advanced options (timeout, element hiding, wait conditions, etc.)
6. Click "Start" and let our cloud servers handle the capture work
7. Download the encoded screenshot data in JSON format

➡️ Input

Main Parameter Description

Usage Examples

Example 1: Basic Screenshot (Recommended)

• URL: https://example.com
• Output Format: JPEG
• Quality: 80
• Output Mode: Thumbnail
• Thumbnail Width: 400 pixels
• Result: Generates a 400-pixel wide JPEG thumbnail with small file size and fast loading

Example 2: Full-Page Screenshot

• URL: https://example.com
• Output Format: JPEG
• Full Page: true
• Output Mode: Thumbnail
• Result: Captures the complete content of the scrollable page, including sections that require scrolling to see

Example 3: Batch Processing

• URLs: https://baidu.com, https://taobao.com, https://jd.com
• Output Mode: Thumbnail
• Result: Processes screenshots for 3 websites at once, significantly improving productivity

Example 4: OCR Text Extraction

• URL: https://example.com
• Output Mode: OCR
• Result: Extracts all text content from the screenshot for content analysis and SEO auditing

Example 5: Hide Unwanted Elements

• URL: https://example.com
• Elements to Hide: [".cookie-banner", "#gdpr", ".advertisement"]
• Result: Automatically hides cookie banners, GDPR notices, and ads for cleaner screenshots

⬅️ Output

Each screenshot request will output the following data:

Basic Information

• url - Final URL (after redirects)
• title - Page title
• screenshotName - Generated filename

Image Information

• screenshotSizeKB - Image size in KB
• format - Output format
• outputMode - Mode used

Image Data

• screenshotDataUrl - Data URL (directly usable in <img> tags)
• screenshotBase64 - Raw Base64 string

Other Information

• error - Error message (if any)

JSON Example:

{
  "url": "https://example.com",
  "title": "Page Title",
  "screenshotName": "example_com_20240101.jpg",
  "screenshotSizeKB": 45,
  "format": "jpeg",
  "outputMode": "thumbnail",
  "screenshotDataUrl": "data:image/jpeg;base64,/9j/4AAQSkZJRg...",
  "screenshotBase64": "/9j/4AAQSkZJRg...",
  "error": ""
}

FAQ

How to Choose Output Format?

JPEG - Recommended Format

• Small file size, fast loading
• Suitable for most website screenshots
• Lossy compression, but visual quality loss is negligible

PNG

• Lossless compression, highest quality
• Suitable for scenarios requiring exact reproduction
• Larger file size, slower transfer

WebP

• Modern format with high compression efficiency
• Good compatibility
• Balances quality and file size

How to Choose Output Mode?

Recommendation: Use thumbnail mode for regular use, ocr mode for text analysis, and metadata mode for quick verification.

What's the Difference Between Full-Page and Viewport Screenshots?

Full-Page Screenshot (fullPage: true)

• Captures the entire scrollable page
• Includes content that requires scrolling to see
• Ideal for complete page archiving

Viewport-Only Screenshot (fullPage: false)

• Captures only the visible portion within the browser viewport
• Fast and small file size
• Ideal for quick preview

What Are the Use Cases?

• Website Monitoring - Regularly capture screenshots to monitor website changes and updates
• Design Asset Collection - Capture excellent web pages as design references
• SEO Auditing - Extract text content via OCR to analyze keywords and structure
• Brand Monitoring - Monitor brand presence across major platforms
• Content Archiving - Archive important web page content to prevent broken links
• Competitor Analysis - Compare competitor website designs and layouts through screenshots
• Automated Testing - Verify webpage display under different conditions
• Social Media Sharing - Generate webpage preview images for sharing

What If the Screenshot Shows Up Blank?

If the screenshot appears blank, try these methods:

1. Use Element Wait

{
  "waitForSelector": ".main-content"
}

Wait for the main content element to appear before capturing.

2. Set Delay Time

{
  "delay": 2000
}

Add an extra 2-second wait after page load.

3. Check Website Structure

• Use browser developer tools to check if the page loads properly
• Confirm whether content is dynamically generated via JavaScript