Drop an audio file and get a clean waveform image of it in seconds. Pick bars, mirrored bars, a line or a filled wave, set the colors, gradient and size, then download a PNG or a scalable SVG. Everything runs in your browser.
Style
Colors
×
–
More options
Advertisement
Advertisement
How to use the Waveform Image Generator
Add your audio: drop a file on the box or click to choose one. A demo waveform is shown until you do.
Pick a style: bars, mirror (SoundCloud-like centered bars), line or filled wave.
Adjust the look: bar width and gap, corner radius, colors, gradient and background.
Choose the image size from the presets or type your own width and height, and optionally a time range.
Download the waveform as PNG (for posts and videos) or SVG (for print, Cricut and web).
How a waveform image is made
Digital audio is a long list of samples: 44,100 or 48,000 numbers per second for each channel, each between −1 and +1. A three-minute song has about 8 million samples per channel, far more than any image has pixels, so the generator splits the selected part of the audio into as many equal slices as there are bars (or points) and reduces every slice to one level:
Peak = the largest absolute sample value in the slice. It catches every drum hit and gives the spiky look of audio editors.
RMS (root mean square) = √(average of the squared samples). It follows average energy, so the shape is smoother and closer to how loud the music feels.
With Normalize on, all levels are divided by the loudest one so the tallest bar fills the chosen height. The Logarithmic scale converts each level to decibels (20 × log₁₀ of the level) and maps −48 dB to 0 dB onto the full height, which lifts quiet intros, speech and fades so they stay visible.
Choosing a style and size
Use
Suggested style
Size
Website player, podcast page
Mirror, 3–4 px bars, 2 px gap, rounded corners
1200 × 300 or 1500 × 500
YouTube or audiogram video background
Mirror or filled wave, transparent background
1920 × 1080 (or 1280 × 720)
Instagram post or story
Bars or mirror with a gradient
1080 × 1080 or 1080 × 1920
Wall art, print, engraving, tattoo stencil
Filled wave or line, exported as SVG
3000 × 750 or larger (SVG scales freely)
Voice message or "say I love you" gift
Mirror, set a time range around the words
Any
The number of bars is (inner width + gap) ÷ (bar width + gap), where inner width is the image width minus the padding on both sides. A 1200 px image with 24 px padding, 6 px bars and 3 px gaps has 128 bars. Fewer, wider bars give a bold graphic look; many thin bars show more detail.
Tip: for sound wave art that people can recognise, use a short, distinctive passage (a name, a laugh, the first line of a song) rather than a whole track: whole songs tend to look like an even block.
Frequently asked questions
Is my audio uploaded anywhere?
No. The file is decoded with your browser's Web Audio API and the image is drawn on your device. Nothing is sent to a server, so it also works with private recordings.
What is the difference between PNG and SVG?
PNG is a pixel image at the exact size you set, ideal for social posts, thumbnails and video overlays. SVG is a vector file: it stays sharp at any size and can be edited in Illustrator, Inkscape, Figma or cutting-machine software, which makes it the better choice for prints, engravings and tattoo stencils.
What does the waveform actually show?
Each bar or point is the loudness of a short slice of the audio. The file is split into as many equal slices as there are bars, and each slice's level is its peak (loudest sample) or RMS (average power). Loud passages give tall bars, silence gives flat ones.
Peak or RMS: which should I use?
Peak shows every transient and looks busier, the way most audio editors draw waveforms. RMS follows perceived loudness more closely and gives a smoother, calmer shape that often looks better as artwork.
Why does my waveform look like a solid block?
Heavily compressed modern masters are loud almost all the time, so every slice reaches the top. Use the Linear scale, choose RMS, lower the height, or pick a shorter time range to bring back visible detail.
Can I make a waveform of a voice message or a specific part of a song?
Yes. Load the file and type a start and end time in seconds in the Range fields. Only that part is drawn, which is handy for a chorus, a first word or a short voice note.
Can I use a transparent background?
Yes. Tick Transparent background and the PNG and SVG will have no background, so you can place the waveform over a photo or video.