Blog

Updates, tutorials, and insights from the RenderScreenshot team.

· Tutorials

Chart.js and ECharts to Image, Server Side

Render Chart.js and ECharts charts to PNG on the server for emails and PDFs: animation off, a ready signal, no-browser options and measured timings.

· Tutorials

Screenshots of Preview Deployments in Every PR

Wait for the preview deployment to serve the PR's commit, render key pages next to production, and post a before/after table in the PR. Tested scripts.

· Tutorials

Render HTML to PNG: 19 CSS Probes, 4 Renderers

Render HTML to PNG with a browser library, satori, headless Chrome or an API. We scored 19 CSS features per renderer with pixel probes. Code and results.

· Comparisons

Best Visual Regression Testing Tools (2026)

Playwright, BackstopJS, Percy, Chromatic, Applitools, Argos and DIY pixelmatch compared, with a flake test we ran and prices checked in October 2026.

· Tutorials

Playwright Python Screenshots: Sync and Async

Take screenshots with Playwright for Python: sync vs async API side by side, full-page and element captures, pytest failure shots, measured timings.

· Research

The State of OG Images: A 10,000-Site Crawl

We crawled the top 10,000 home pages for og:image and Twitter card tags: adoption, sizes, formats, file weight and broken image URLs, with our method.

Line illustration of the RenderScreenshot mascot measuring the same font shapes in two browser windows
· Engineering

Consistent Font Rendering in Headless Chrome

Why the same page renders with different fonts on different machines, measured with pixel diffs, and how to make fonts deterministic on a managed renderer.

Line illustration of the RenderScreenshot mascot with an edge cloud and a theatre-curtain browser snapshot
· Tutorials

How to Use Playwright with Cloudflare Browser Rendering

A practical tutorial on running Playwright inside Cloudflare Workers using the Browser Rendering API — installation, locators, auto-waiting, session reuse, and gotchas from running it in production.

Line illustration of the RenderScreenshot mascot holding a light and dark mode toggle between two browsers
· Tutorials

Dark Mode Screenshots with Puppeteer and Playwright

Learn how to capture dark mode screenshots with Puppeteer and Playwright — including prefers-color-scheme emulation, class-based dark mode, dual-mode capture, and edge cases with images and third-party embeds.

Line illustration of the RenderScreenshot mascot presenting a captured browser screenshot
· Engineering

Introducing RenderScreenshot, a Screenshot API

RenderScreenshot is a screenshot API: send a URL or HTML, get a PNG, JPEG, WebP or PDF from real Chrome. What it does today, how it works, and how to start.