Responsive Design Tester Capture views at multiple resolutions.


This tool demonstrates DocumentAlchemy's ability to generate "screenshot" images from a web page or HTML file.

A responsive web design is one for which the content and layout of each page adjust to the size and shape (aspect-ratio) of the window in which it is displayed. In order to provide an optimal viewing and interaction experience, the elements in a responsive web page might appear, disappear or re-arrange themselves as the window grows or shrinks.

With this tool you can collect screenshots of your web site as it may appear on various devices or at various resolutions.

To use the tool, simply enter the URL of the page you'd like to capture and select the mobile devices, monitors or screen widths you'd like to see. Then click “Submit” to generate and download your screenshots.

To capture a single screenshot, visit the Web Screenshot demonstration.

Select All     Select None

iPhones and iPads
Typical Android Device Resolutions
Common Monitor Resolutions
“Infinite-height” Views at Various Widths

This demonstration only exposes a fraction of the capabilities of the underlying API.

Using the full DocumentAlchemy API you can:

  • control Cookie, Authorization and other HTTP headers to capture screenshots of protected pages,
  • set the browser viewport and output image to an arbitrary size,
  • scroll the browser's viewport to any part of the page,
  • submit POST, PUT, PATCH, DELETE and other non-GET requests,

and much more.

Visit the interactive API reference to learn more about DocumentAlchemy's support for rendering a web page as an image and other document processing methods.

Sign up in one minute. No credit card required.

DocumentAlchemy is a RESTful web service API for converting, generating and processing “documents” in a variety of formats, including Microsoft Office, PDF, HTML, Markdown, OpenOffice, images (PNG/JPEG/GIF/WebP/TIFF) and data (XML/JSON/FDF).

To learn more about the DocumentAlchemy API, visit the interactive API reference or review some of the sample code (at GitHub).

For full access, sign up for DocumentAlchemy now. All you need is an email address — there is no commitment and no credit-card is required.

Copyright © 2018 DocumentAlchemy.