Exceptional Features

Take Screenshots at Scale

All the power you need with none of the hassle.

No credit card required.

Stripe Website Screenshot
Vectary Website Screenshot
Apple Website Screenshot
Linear Website Screenshot

Render Modes

Viewport, Element or Full Page Screenshots

Three different render modes to choose from.

Stripe Website Screenshot
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
const options = {
  url: 'stripe.com',
  width: 1440,
  height: 1080
}
Stripe Website Screenshot
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
const options = {
  url: 'stripe.com',
  width: 400,
  height: 800
}

Responsive Viewport Screenshots

When you want to capture how a website looks on different devices, you can use the responsive viewport screenshot mode.

Full Page Screenshots

When you need to take a screenshot of a full page, you can use the full page screenshot mode.

Stripe Website Screenshot
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
const options = {
  url: 'stripe.com',
  width: 1440,
  full_page: true
}
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
const options = {
  url: 'stripe.com',
  width: 1440,
  selector: '.UserLogoGrid'
}
Stripe Website Screenshot

Element Screenshots

When you want to capture a specific element on a page, you can use a CSS selector to target the one you want.

urlhtml
html
jpeg
svg
png
webp

Input & Output Formats

URL or HTML to What You Need

Instead of just rendering in just one or two formats, Urlbox provides you with seven different output formats to exactly fit your needs.

Retina Images

Render high quality, high-DPI images that look great on retina screens.

HTML Rendering

Use POST requests to render your HTML code without publishing it first.


Rendering Features

Powerful Blocking Toolset

Get screenshots free from distractions.

Block Ads

No more distractions from the content that matters.

Block Popups

Disable annoying popups and overlays.

Bypass Captchas

Get around captchas and other anti-bot measures.

Auto-Accept Cookies

No more cookie banners in your screenshots.

Vectary Website Screenshot
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
const options = {
  url: 'vectary.com',
  width: 1440,
  height: 1080
}
Vectary Website Screenshot
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
const options = {
  url: 'vectary.com',
  width: 1440,
  height: 1080
  hide_cookie_banners: true
}

Rendering Features

Optimized for Your Use Case

Delay Time

Take screenshots at just the right moment.

Custom Proxy

Use your own proxy to access websites behind a firewall.

Custom CSS & JS

Add custom CSS and JavaScript to your screenshots.

Headers & Cookies

Set User Agent and other custom headers and cookies.

Rendering Features

Advanced Rendering

Scrolling Screenshots

Show the full height of a page with all it's animations in a video.

GPU Rendering

Render complex WebGL scenes with the power of a GPU.

No-Code Integrations

Integrate into Your Workflow...

...with Zapier, Bubble, Airtable and more.

Multiple SDKs

... Or Your Favourite Stack

Ruby, Python and PHP developers depend on Urlbox to deliver fast, accurate screenshots, every time.


  • Node.js
  • Ruby
  • PHP
  • Python
  • Java
  • C#
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
// npm install urlbox --save

import Urlbox from 'urlbox';

// Plugin your API key and secret
const urlbox = Urlbox(YOUR_API_KEY, YOUR_API_SECRET);

// Set your options
const options = {
  url: 'github.com',
  thumb_width: 600,
  format: 'jpg',
  quality: 80
};

const imgUrl = urlbox.generateRenderLink(options);
// https://api.urlbox.io/v1/YOUR_API_KEY/TOKEN/jpg?url=github.com&thumb_width=600&quality=80

// Now set it as the src in an img tag to render the screenshot
<img src={imgUrl} />

API Methods

Use it Your Way

GET or POST Request

Originally, you can call the API using a GET request, which works synchronously and allows you to configure your screenshot directly inside it’s URL. You can also use a POST request to call the API synchronously or asynchronously.

Sync or Async

When calling the API via POST request, you can receive the response asynchronously by polling or using a webhook. This enables you to render multiple screenshots at a time and allows for bigger request payloads. Using a POST request, you can also receive the response synchronously, which makes integration with no-code services so easy.

JSON or Binary Data

Calling the API synchronously via GET request, you will always receive the binary image data, so you can directly include the request URL inside your img tags. Using POST requests, you will receive a JSON blob containing the screenshots URL(s).

Edge Cases

What You See is What You Get

Urlbox ensures your screenshots will be accurately and consistently rendered at all times – even for hard-to-screenshot technologies and features.

Webfonts & Emoji

Render exactly as they appear on your Apple device.

SVG

Generate SVG image from a web page.

Canvas

Capture proramatically generated graphics and charts.

Video

Render animations as designers intented.

Benefits

Don't Bother Building Your Own Screenshot Microservice

Besides all the edge cases you’ll run into, you’d need to handle security, storage, blocking and all the maintenance. Let us handle that for you.

Try for free

No credit card required.

Maintenance

Maintaining a headless browser/puppeteer instance is extremely resource intensive. Requests freeze, processes crash and constantly need rebooting.

Costs

Expensive instances with high memory and plenty of CPU are required for a smooth operation.

Security

Running headless browsers on your own network can open up many security holes such as server side request forgery (SSRF).

Storage & Caching

We host and cache your screenshots for up to 30 days, or you can push them to your own cloud storage using our integrations for S3 and other services for archival.


Index

All Features

Free Trial

Designers, law firms and infrastructure engineers trust Urlbox to accurately and securely convert HTML to images at scale. Experience it for yourself.