What is the best screenshot service?

Now you can see for yourself

We rendered a full page screenshot of https://urlbox.io in 11 of the top screenshot services to try and determine the best screenshot service.

The urlbox front page uses:

  • multiple webfonts
  • flexbox css for layout
  • lazy loading images (they load only when they come into the viewport)
  • 3d transforms
  • overflow containers

This makes the urlbox frontpage a good candidate to test how well other screenshot services can render the various features.

Hover over them to inspect the screenshots more thoroughly.

Best viewed on a larger screen.

All screenshots taken with viewport set to 1280px wide (if supported) and full-page mode set to true

Scroll horizontally to compare Urlbox against other screenshot services

Urlbox

urlbox.io

✔ Web fonts

✔ Flexbox

✔ Lazy load

✔ 3d transforms

✔ Scrollbars hidden

How it should look

URL2PNG

url2png.com

✔ Web fonts

✔ Flexbox

✖ Lazy load

✔ 3d transforms

✖ Scrollbars visible

Scrollbar is showing on the first overflow container underneath "As simple as". Some other issues with borders and padding.

screenshotlayer

screenshotlayer.com

✔ Web fonts

✖ Flexbox

✖ Lazy load

✖ 3d transforms

✖ Scrollbars visible

Apart from fonts, this screenshot doesnt look so much like the website

browshot

browshot.com

✖ Web fonts

✔ Flexbox

✔ Lazy load

✔ 3d transforms

✔ Scrollbars hidden

Fonts are almost there, but a closer inspection shows kerning to be off

shrinktheweb

shrinktheweb.com

✔ Web fonts

✔ Flexbox

✔ Lazy load

✔ 3d transforms

✖ Scrollbars visible

Ugly scrollbars, grey borders appearing where they shouldn't and low quality, fuzzy jpg image compression let this screenshot down

page2images

page2images.com

✔ Web fonts

✖ Flexbox

✖ Lazy load

✖ 3d transforms

✖ Scrollbars visible

Apart from fonts, this screenshot doesnt look so much like the website

screenshotmachine

screenshotmachine.com

✖ Web fonts

✖ Flexbox

✖ Lazy load

✖ 3d transforms

✖ Scrollbars visible

System error. Could not get it to render

linkpeek

linkpeek.com

✖ Web fonts

✖ Flexbox

✖ Lazy load

✖ 3d transforms

✖ Scrollbars visible

pagelr

pagelr.com

✔ Web fonts

✖ Flexbox

✖ Lazy load

✖ 3d transforms

✖ Scrollbars visible

Fonts look quite good, shame about the rest.

restpack

restpack.io/screenshot

✔ Web fonts

✔ Flexbox

✖ Lazy load

✔ 3d transforms

✖ Scrollbars visible

Prettier scrollbars than most, but they shouldnt be visible.

sitesnapr

sitesnapr.com

✖ Web fonts

✖ Flexbox

✖ Lazy load

✖ 3d transforms

✔ Scrollbars hidden

At least the scrollbars are not visible

web-capture.net

web-capture.net

✖ Web fonts

✖ Flexbox

✔ Lazy load

✖ 3d transforms

✖ Scrollbars visible

Yikes