Take screenshots of nodes, full pages or custom dimensions by visting screenie.zdx.cat.

The logo image above was generated for this screenie readme by screenie itself ;)

Endpoint GET /capture

Supported query params

• src (required) - full url of the website you want to screenshot. Authenticated pages aren't supported.
• selector (optional) - CSS selector of the node you want to screenshot. Please make sure it has URL safe characters. For e.g., # will throw it off.
• viewportWidth (optional) - width of the headless Chrome instance
• viewportHeight (optional) - height of the headless Chrome instance
• fullPage (optional) - take a full page screenshot or not. Valid values are true and false. Only used when no selector is provided.
• omitBackground (optional) - hides default white background and allows capturing screenshots with transparency. Valid values are true and false.

Note

For large viewport width and height, chrome-aws-lambda and puppeteer-core fail and throw.

Example

Element screenshot - /capture?src=https://mudit.xyz&selector=nav > ul > li:nth-child(3)

Full page screenshot - /capture?src=https://stefanjudis.com&viewportWidth=1024&fullPage=true