Editing
How to Export a Waveform with a Transparent Background
How do you export a waveform with a transparent background?Two ways. WebM with an alpha channel is a genuinely transparent video that needs no blend mode — Chromium browsers only (Chrome, Edge, Opera), not Safari. Transparent frames (PNG) exports a .zip of transparent images that imports as an image sequence into any editor and works in every browser, but carries no audio track.
The third option is the standard MP4 on black, composited with the “Screen” blend mode. That is not real transparency, but it is the only one of the three that is both a single file and carries audio.
The usual way to put a waveform over footage is to export it on black and let the "Screen" blend mode drop the black out. That works, and it is still the right answer much of the time. But it is a trick, and tricks have edges. If you want a waveform with genuine transparency, Music Waveform, the browser-based waveform video maker, exports that too — in two different shapes.
Three outputs, two of them transparent
The export panel offers three formats:
- Video (MP4) — an opaque H.264 file on a black background, audio included. Composited with the Screen blend mode.
- Transparent video (WebM) — a single video file with a real alpha channel, audio included. No blend mode needed.
- Transparent frames (PNG) — a .zip of PNG frames with per-pixel alpha, imported as an image sequence. No audio track.
Transparent video (WebM)
This is the convenient one: one file, drop it on a layer above your footage, and the background is simply not there. No blend mode, no color caveats, and the original audio rides along in the same file.
The catch is browser support. Encoding alpha video is something only some browsers can do — in practice Chrome, Edge and other Chromium browsers. Safari cannot, so on an iPhone or iPad this option will not be available to you. The tool checks this when it loads rather than letting you find out at the end of a long export, so if the WebM option is greyed out, that is your browser telling you it has no alpha video encoder.
On the editor side, most modern NLEs read alpha WebM fine, but a few older ones do not. If yours imports the file and shows a black background anyway, it has ignored the alpha channel — use the PNG route instead.
Transparent frames (PNG)
This is the universal one. You get a .zip of numbered PNG frames, each with real per-pixel transparency, which every video editor on earth can import as an image sequence. It works in every browser, including Safari, because writing PNGs needs no special video encoder at all.
Two things to plan for. First, there is no audio — a picture sequence cannot carry a soundtrack, so you will lay your original audio file in alongside it. Second, it is big: a full-resolution uncompressed frame for every frame of the clip adds up fast, and a long track at a high frame rate produces a very large archive. Trim to the section you actually need before exporting this one.
So which should you use?
- You are on Chrome or Edge and want it done → transparent WebM.
- You are on Safari, or your editor refuses alpha WebM → PNG frames.
- Short clip, maximum quality, you do not mind the file size → PNG frames.
- Long track → WebM, or trim first.
And the black MP4 with Screen blend?
Still perfectly good, and still the default for a reason: it is the most compatible file you can hand to any editor, it carries audio, and it is small. Its one real constraint is color — under Screen blending, anything dark tends toward invisible, which is why the tool warns you before exporting a very dark waveform. If you want the whole story on that route, see adding a waveform over your video and choosing colors that pop.
Make your waveform video
Free, no signup, right in your browser. Load a track and export an MP4.
About this article: it was written with the help of AI (Claude) and published by Music Waveform. We review our posts for accuracy against how the tool actually works, but if you spot something off, email damienyvert.dev@gmail.com.