Full-Page Screenshots in JSON Format

Capture and receive full-page website screenshots in JSON format with base64 encoding. This method is highly efficient for integrating with various APIs and automation tools, providing a seamless way to include screenshot data in your workflows.

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.

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);
}