Urlbox Screenshot Demo

This page shows how you can use the urlbox api to generate screenshots of the same url with various options.

Here we present four different screenshots for each URL; a responsive screenshot, showing how the site would appear on a mobile device, a desktop screenshot that is thumbnailed down to 300px wide, a desktop full height screenshot thumbnail set to 300px width, using the full_page option and finally a high definition or retina screenshot.

You can check the source of the image to see the url used to generate these screenshots, or click on each screenshot to view it in a separate tab.

Source URL: apple.com/iphone

Responsive Screenshot

Options:

height: 320

width: 650

Desktop Screenshot

Options:

thumb_width: 300

Full Page Screenshot

Options:

thumb_width: 300

full_page: true

Retina Screenshot

Options:

retina: true

Source URL: wikipedia.com

Mobile Screenshot

Options:

height: 320

width: 650

Thumbnail Screenshot

Options:

thumb_width: 300

Full Height Screenshot

Options:

thumb_width: 300

full_page: true

High Definition Screenshot

Options:

retina: true

Source URL: reddit.com

Responsive Screenshot

Options:

height: 320

width: 650

Desktop Screenshot

Options:

thumb_width: 300

Full Page Screenshot

Options:

thumb_width: 300

full_page: true

Retina Screenshot

Options:

retina: true

Source URL: amazon.com

Mobile Screenshot

Options:

height: 320

width: 650

Thumbnail Screenshot

Options:

thumb_width: 300

Full Height Screenshot

Options:

thumb_width: 300

full_page: true

High Definition Screenshot

Options:

retina: true

Source URL: toppletrump.com

Responsive Screenshot

Options:

height: 320

width: 650

Desktop Screenshot

Options:

thumb_width: 300

Full Page Screenshot

Options:

thumb_width: 300

full_page: true

Retina Screenshot

Options:

retina: true

Source URL: news.ycombinator.com

Mobile Screenshot

Options:

height: 320

width: 650

Thumbnail Screenshot

Options:

thumb_width: 300

Full Height Screenshot

Options:

thumb_width: 300

full_page: true

High Definition Screenshot

Options:

retina: true