Turn Audio Into a Waveform Image
Upload an audio file to generate a downloadable waveform image for podcast covers, audiograms, and video overlays. Pick a style, size, and colors, then export as PNG or SVG.
Drop an audio file here
or click to browse your files
Supports MP3, WAV, M4A, OGG, and FLAC up to 100MB
About the Audio Waveform Generator
This tool decodes your audio in the browser using the Web Audio API, measures peak amplitude across thousands of time slices, and renders those peaks onto a canvas you fully control — style, size, colors, and amplitude. The same peak data is also used to build a true vector SVG, so the artwork stays crisp at any size.
Features:
- Four waveform styles: bars, filled, line, and mirrored
- Vector SVG export that scales without quality loss
- Transparent PNG background for video and design overlays
- Custom dimensions, colors, and amplitude — 100% private, browser-based
How to Generate a Waveform Image
- Upload or drag in an audio file (MP3, WAV, M4A, OGG, or FLAC)
- Choose a waveform style and a size preset or custom dimensions
- Adjust bar width, gap, amplitude, and colors — the preview updates live
- Download as PNG (with optional transparency) or a scalable SVG
Frequently Asked Questions
What audio formats can I upload?
MP3, WAV, M4A/AAC, OGG, and FLAC files up to 100MB are supported. The audio is decoded entirely in your browser.
Does the waveform image actually reflect my audio?
Yes. It is drawn directly from the peak amplitude of your decoded audio, not a decorative placeholder — the shape you see is the shape of your track.
Can I get a transparent background?
Yes. Turn on "Transparent background" before downloading the PNG, and the waveform will export with an alpha channel so you can layer it over video or other artwork. The preview shows a checkerboard pattern to indicate transparency.
Can I use the waveform image commercially?
Yes. The image is generated entirely from your own audio file in your browser, so you own the output and are free to use it in podcast covers, videos, merchandise, or any commercial project.
What's the difference between the PNG and SVG export?
PNG is a raster image at the exact pixel dimensions you set — ideal for direct use as-is. SVG is a vector file built from the same peak data, so you can resize it infinitely and edit the paths in tools like Figma or Illustrator without any quality loss.
Why does my waveform look like a solid block instead of having peaks and valleys?
Heavily compressed, "loudness war" mastered tracks keep their volume close to maximum almost constantly, so the peak amplitude barely varies from moment to moment. Try lowering the amplitude scale slightly, or use a less compressed source file if you want more visible dynamic contrast.
Privacy
Your audio file is decoded and rendered entirely in your browser using the Web Audio API and canvas — it is never uploaded to a server.