Open Graph images
You can control the preview image rendered when your site is shared on social media, messengers, or apps that support the Open Graph protocol.
- Written by
- Dmytro Krasun
- Updated on
- •
- 12 min read
Dmytro Krasun
With more than a decade of experience in software engineering, I share the best practices and solutions you can apply to your problems in the space of headless browsers. You can also find me on Twitter and LinkedIn
What is a screenshot or HTML rendering API?
A screenshot API or a screenshot as a service is usually a cloud or a remote server service that provides the ability to render any website, HTML, Markdown, or even PDF by making a request to the service, be it over HTTP, TCP, or any other protocol.
- Written by
- Dmytro Krasun
- Updated on
- •
- 1 min read
Heart-touching feedback from Gregory
Daily and nightly, I work on improving the quality and performance of ScreenshotOne (your friendly screenshot API) and ensuring I help customers solve their problems and prosper.
- Written by
- Dmytro Krasun
- Published on
- •
- 1 min read
Building a website directory with Next.js, Tailwind CSS, and Prisma
See how easy it is to build a website directory with screenshots with Next.js, Tailwind CSS, and Prisma.
- Written by
- Dmytro Krasun
- Published on
- •
- 14 min read
How to hide chat widgets when taking a screenshot with Puppeteer
When you want to take chat widgets, there are annoying chat widgets that you would love to hide. It is easy to do.
- Written by
- Dmytro Krasun
- Published on
- •
- 1 min read
How to hide cookie banners when taking a screenshot with Puppeteer
When taking a screenshot, you want to ensure that you take a clean screenshot without cookie banners or cookie consent forms. And in this article, I will share with you how you can do it when using Puppeteer.
- Written by
- Dmytro Krasun
- Updated on
- •
- 11 min read
How to fix the "Execution context was destroyed" error when using Puppeteer
Fix the Puppeteer "Execution context was destroyed, most likely because of a navigation" error after click, form submit, redirect, reload, or page.evaluate.
- Written by
- Dmytro Krasun
- Updated on
- •
- 5 min read
A complete guide on how to take full page screenshots with Puppeteer, Playwright or Selenium
You can take a full page screenshot with Pupeeter by specifying the `fullPage` parameter as true when taking a screenshot. But there is a caveat. If a site has lazy-loaded images, they won't be rendered. Let's examine how to fix the issue and trigger lazy image loading with Puppeteer.
- Written by
- Dmytro Krasun
- Updated on
- •
- 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!
- Written by
- Dmytro Krasun
- Published on
- •
- 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. But what if you want it to take it in a different format like GIF, JP2, TIFF, AVIF, HEIF, or SVG?
- Written by
- Dmytro Krasun
- Published on
- •
- 6 min read
Puppeteer waitUntil: how to wait for page load
Join me in exploring how to find the ideal wait time or event of when to take the page screenshot with Puppeteer.
- Written by
- Dmytro Krasun
- Updated on
- •
- 8 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.
- Written by
- Dmytro Krasun
- Published on
- •
- 2 min read
Automate website screenshots
Exhaustive documentation, ready SDKs, no-code tools, and other automation to help you render website screenshots and outsource all the boring work related to that to us.