What is transparent video alpha in Playwright?

Playwright's omitBackground screenshots for video frames lose low-opacity details like shadows, turning them solid in editors due to straight-to-premultiplied conversion glitches.

How do you fix Playwright transparent PNGs for ProRes?

Render frames on black and white backgrounds, then use Sharp.js with Porter-Duff subtraction to compute exact RGBA — a 1970s film compositing technique.

Does this Playwright alpha fix work with FFmpeg and CapCut?

Yes, output clean straight-alpha PNGs, premultiply in FFmpeg for ProRes 4444, and import — shadows and glows render perfectly in any NLE.

🌐 Frontend & Web

1970s Film Hack Rescues Playwright's Botched Transparent Videos

You've slaved over HTML/CSS graphics in Playwright, exported transparent PNGs, stitched to video — only for glows and shadows to blob out in Premiere. One dev dusted off 1970s film math to fix it for good.

theAIcatchup Apr 11, 2026 4 min read

Before-and-after comparison of broken purple shadow blob vs crisp glow halo in CapCut timeline

⚡ Key Takeaways

Playwright's omitBackground mangles low-alpha pixels due to premultiplied-to-straight conversion losses. 𝕏
Render on black/white backgrounds and use Porter-Duff math for exact RGBA extraction — no browser alpha needed. 𝕏
This 1970s VFX hack delivers pro video overlays; expect it to spawn npm libs soon. 𝕏

Published by

theAIcatchup

Ship faster. Build smarter.

#FFmpeg #alpha compositing #playwright #porter-duff #transparent video #transparent video alpha

Worth sharing?

Get the best Developer Tools stories of the week in your inbox — no noise, no spam.

Originally reported by dev.to

⚡ Key Takeaways

The 60-Second TL;DR

theAIcatchup

Share this article

Worth sharing?

Related Stories

Playwright Just Ended Cypress's Reign in E2E Testing – 2026 Reality Check

Booking.com's Scraping Minefield: How to Extract Prices Before the Bots Strike Back

Playwright's Full-Stack Testing Blitz: Savior or Overhyped Swiss Army Knife?

YAML-Based Testing: The End of E2E Fragility for Devs Everywhere

Stay in the loop