Example code
Make changes to the code and click the Image button below
Advanced options
Use these settings to tweak your image even further. See our docs for full details on all the available options.
Pass a publically available URL and the API will screenshot it. This overrides any HTML.
Google fonts to be loaded. Example: Roboto. Multiple fonts can be loaded like this: Roboto|Open Sans. You must also set the font-family in your CSS to use the loaded font.
Adjusts the pixel ratio for the screenshot. The default is
2 which is equivalent to a 4K monitor. Minimum: 1, Maximum: 3
Image size + cropping
Images are automatically cropped by default. We crop to the outermost HTML element. For extra tweaking, use these settings
Set the width of Chrome's viewport. This will disable automatic cropping. Both height and width parameters must be set if using either.
Set the height of Chrome’s viewport. This will disable automatic cropping. Both height and width parameters must be set if using either.
Advanced: A CSS selector for an element in the HTML. We’ll crop the image to this specific element.
Timing
By default the API generates a screenshot once everything is loaded. If the page executes JavaScript, you may want extra time before the image is rendered.
Adds extra time for JavaScript to execute. Use this if you're seeing a blank image and are using JavaScript. Default: 0. Start with 500 if needed.
Set to true to control when the image is generated. Call
ScreenshotReady() from JavaScript in your code to trigger the image generation. Learn more.
Live