JSON Base64 Screenshot Response

Capture full-page website screenshots as a JSON base64 response. This approach is ideal for APIs and automation tools that need a lightweight payload and a ready-to-use base64 image example.

Utilizing JSON for screenshot data is beneficial when working with tools such as Microsoft Power Automate and Zapier. This format facilitates easier manipulation and integration of image data in automated processes.

For instance, Add Screenshot's demo on our home page showcases how JSON responses are used to dynamically display screenshots, making it a versatile option for developers and businesses.

Return JSON Screenshots Free or Compare Plans

• Automation native: Use base64 JSON with request templates, schedules, or webhooks to feed downstream systems.
• Flexible formats: Encode PNG, JPEG, WEBP, or AVIF responses while still routing raw files to AWS S3, Azure, Google Cloud, or Cloudflare R2.
• Global scale: Execute JSON capture workflows from 20+ regions without hitting throttling limits.

Why Use Full-Page Screenshots in JSON Format?

Full-page screenshots provide a complete view of a website's appearance, capturing everything visible without truncation. Here are a few reasons why full-page screenshots in JSON format are advantageous:

• Comprehensive Visibility: Ensure you capture the entire content of a webpage, including parts that are not immediately visible without scrolling.
• Seamless Integration: Easily integrate screenshot data into APIs and automation workflows using JSON format, which is widely supported and easy to parse.
• Automation and Monitoring: Automate website monitoring and capture processes, making it easier to track changes, verify content, and perform regular audits.

Use Cases for Full-Page Screenshots

Full-page screenshots can be invaluable in various scenarios:

• Website Testing: Automatically capture screenshots of web pages to verify visual consistency across different devices and screen sizes.
• Content Verification: Track changes in web content over time by capturing periodic screenshots, helping to identify unauthorized modifications or updates.
• Compliance and Documentation: Document website appearance for compliance purposes or internal records by storing historical snapshots of your site.

JSON Base64 Example - PNG Image

The following example demonstrates how to request a full-page PNG screenshot and receive it encoded in base64 format within a JSON response:

// Line breaks added for readability https://api.addscreenshots.com/screenshots
?apikey=YOUR_API_KEY
&json=true
&url=example.com

Your API key can be found on the API Keys page. Need an API Key? Sign up to get started.
For internal applications, replace YOUR_API_KEY with your own unique API Key.
For public facing websites or hotlinks, generate a signed URL.

Sample JSON response for a PNG image:

{ "image": "data:image/png;base64,iVBORw0KGgoAAA..." }

JSON Base64 Example - JPEG Image

Similarly, you can request a full-page JPEG screenshot and receive it in base64 encoded JSON format:

// Line breaks added for readability https://api.addscreenshots.com/screenshots
?apikey=YOUR_API_KEY
&format=jpeg
&json=true
&url=example.com

Your API key can be found on the API Keys page. Need an API Key? Sign up to get started.
For internal applications, replace YOUR_API_KEY with your own unique API Key.
For public facing websites or hotlinks, generate a signed URL.

Sample JSON response for a JPEG image:

{ "image": "data:image/jpeg;base64,/9j/4AAQSkZJ..." }

Displaying Base64 Encoded Images with jQuery

Here's a code snippet that shows how to use jQuery to request a full-page screenshot and dynamically update an image element with the ID "imgscreenshot":

$.ajax({
  dataType: "json",
  url: https://api.addscreenshots.com/screenshots?apikey=YOUR_API_KEY&json=true&url=example.com
})
.done(function (response) {
  $("#imgscreenshot").attr("src", response.image);
}

Automate JSON Screenshot Delivery