A complete guide on how to take full page screenshots with Puppeteer, Playwright or Selenium

To take full-page screenshots with Puppeteer or Playwright, you only need to set the fullPage parameter to `true` when taking a screenshot. But there are so many caveats that you may assume by default that the full-page screenshot feature does not work in Puppeteer.

Posted July 20, 2022 (updated October 19, 2022) by Dmytro Krasun ‐ 7 min read

How to create a site thumbnail with Puppeteer

We can consider the screenshot of URL or HTML as a thumbnail, but I write about the thumbnail of a screenshot. How do you take a screenshot within the defined viewport but with different image width and height? Resize!

Posted July 18, 2022 by Dmytro Krasun ‐ 3 min read

Taking screenshots with Puppeteer in GIF, JP2, TIFF, AVIF, HEIF, or SVG format

Puppeteer, by default, supports only four formats for taking screenshots or rendering HTML: PNG, JPEG, WebP, and PDF.

If you want to take a screenshot of the site or render HTML in a different format, like GIF, JP2, TIFF, AVIF, HEIF, or SVG, there are many workarounds on how to do it.

Posted July 17, 2022 by Dmytro Krasun ‐ 6 min read

Puppeteer, wait until the page is ready!

Join me in exploring how to find the ideal wait time or event of when to take the page screenshot with Puppeteer.

Posted July 13, 2022 (updated July 14, 2022) by Dmytro Krasun ‐ 7 min read

Uploading website screenshots to any S3-compatible storage

In this note, I share how I take website screenshots or render HTML and upload the resulted images or PDF to any S3-compatible storage like Amazon S3, Cloudflare R2, or Backblaze B2.

Posted July 12, 2022 by Dmytro Krasun ‐ 3 min read

How to render HTML with Puppeteer

Suppose you want a reliable way to render HTML with the latest versions of browsers.In that case, I bet you can't find a better solution than rendering HTML with Puppeteer — you always have an up-to-date version of the browser, and using Puppeteer is super easy.

Posted June 26, 2022 (updated June 27, 2022) by Dmytro Krasun ‐ 4 min read

How to add custom scripts to a page in Puppeteer

Let's discover how it works quickly.

Posted June 24, 2022 by Dmytro Krasun ‐ 2 min read