Vercel app for taking screenshots of web pages using Puppeteer
Original code by @styfle in this pull request.
I upgraded the code to work with the latest Vercel and added a ?key=
mechanism to protect it from unauthorized access.
Set a Vercel secret called SECRET_KEY
with a random string in it (I generated mine by running uuidgen | md5
), then deploy.
You can access screenshots for pages using:
https:/.../zeit.co/blog?type=png&key=...
Screenshots can take several seconds to generate so it's a good idea to cache them somewhere.
?viewportWidth=
sets the browser viewport width in pixels. This defaults to 800.?viewportHeight=
sets the browser viewport height in pixels. This defaults to 600.?type=
set the output type topng
orjpeg
. Default ispng
.?quality=75
set the JPEG output qualit. Ignored for PNG.?fullPage=true
fetch a screenshot of the full page, not just the browser viewport.