Urlbox Screenshot Demo

This page shows how you can use the urlbox API to generate different screenshots of the same url using the API options.

URL

https://apple.com/iphone

Responsive Screenshot

Options

{
  "width": 320,
  "height": 650,
  "user_agent": "mobile",
  "url": "apple.com/iphone"
}

Desktop Screenshot

Options

{
  "thumb_width": 300,
  "url": "apple.com/iphone"
}

Full Page Screenshot

Options

{
  "thumb_width": 300,
  "full_page": true,
  "url": "apple.com/iphone"
}

Retina Screenshot

Options

{
  "retina": true,
  "url": "apple.com/iphone"
}

URL

https://wikipedia.com

Mobile Screenshot

Options

{
  "width": 320,
  "height": 650,
  "user_agent": "mobile",
  "url": "wikipedia.com"
}

Thumbnail Screenshot

Options

{
  "thumb_width": 300,
  "url": "wikipedia.com"
}

Full Height Screenshot

Options

{
  "thumb_width": 300,
  "full_page": true,
  "url": "wikipedia.com"
}

High Definition Screenshot

Options

{
  "retina": true,
  "url": "wikipedia.com"
}

URL

https://reddit.com

Responsive Screenshot

Options

{
  "width": 320,
  "height": 650,
  "user_agent": "mobile",
  "url": "reddit.com"
}

Desktop Screenshot

Options

{
  "thumb_width": 300,
  "url": "reddit.com"
}

Full Page Screenshot

Options

{
  "thumb_width": 300,
  "full_page": true,
  "url": "reddit.com"
}

Retina Screenshot

Options

{
  "retina": true,
  "url": "reddit.com"
}

URL

https://amazon.com

Mobile Screenshot

Options

{
  "width": 320,
  "height": 650,
  "user_agent": "mobile",
  "url": "amazon.com"
}

Thumbnail Screenshot

Options

{
  "thumb_width": 300,
  "url": "amazon.com"
}

Full Height Screenshot

Options

{
  "thumb_width": 300,
  "full_page": true,
  "url": "amazon.com"
}

High Definition Screenshot

Options

{
  "retina": true,
  "url": "amazon.com"
}

URL

https://toppletrump.com

Responsive Screenshot

Options

{
  "width": 320,
  "height": 650,
  "user_agent": "mobile",
  "url": "toppletrump.com"
}

Desktop Screenshot

Options

{
  "thumb_width": 300,
  "url": "toppletrump.com"
}

Full Page Screenshot

Options

{
  "thumb_width": 300,
  "full_page": true,
  "url": "toppletrump.com"
}

Retina Screenshot

Options

{
  "retina": true,
  "url": "toppletrump.com"
}

URL

https://news.ycombinator.com

Mobile Screenshot

Options

{
  "width": 320,
  "height": 650,
  "user_agent": "mobile",
  "url": "news.ycombinator.com"
}

Thumbnail Screenshot

Options

{
  "thumb_width": 300,
  "url": "news.ycombinator.com"
}

Full Height Screenshot

Options

{
  "thumb_width": 300,
  "full_page": true,
  "url": "news.ycombinator.com"
}

High Definition Screenshot

Options

{
  "retina": true,
  "url": "news.ycombinator.com"
}