ihateaudio

Waveform Image Generator

Turn a track into a waveform picture you can actually use.

Drop an audio file here

or paste one from your clipboard

MP3 · WAV · M4A · AAC · OGG · FLAC and moreYour file stays on your device. Always.

How to use it

  1. Drop an audio file onto the page. The waveform is drawn from the decoded samples, not from a preview image, so the shape is the real shape of the recording.
  2. Pick a size. The presets cover the shapes people actually need (a wide banner, a square post, a full video frame) and you can type any dimensions you like instead.
  3. Choose bars, filled or line, then set the two colours. Turn on the transparent background if the image is going to sit on top of something else.
  4. The preview updates as you change things and is the exact image you get. When it looks right, click Download PNG.

What a waveform image is showing you

A waveform picture is not the audio drawn small. There are far more samples in a recording than there are pixels across an image, a three-minute stereo track holds roughly sixteen million of them, so every column has to summarise thousands of samples at once.

The summary used here is the pair of extremes: for each column, the lowest and highest sample value in that slice. Drawing between them means a single sharp transient still produces a visible spike instead of being averaged into the surrounding quiet, which is why these images look the way they do. It also means the picture shows amplitude and nothing else. You can read where the loud parts are, where the silences fall and roughly how compressed the material is. You cannot read pitch, key, instruments or words, however much a waveform in a film implies otherwise.

One consequence surprises people: a heavily limited modern master looks like a solid brick, and a dynamic recording looks lively and varied. That is a real difference in the audio, not a rendering artefact, and it is the quickest visual check on how squashed a file is.

Choosing a size that survives the platform

Export at the size the image will be displayed, or larger. Scaling a PNG up afterwards softens every edge, and a waveform is nothing but edges. Scaling down is harmless.

The aspect ratio matters more than the pixel count. A waveform in a 1080 × 1080 square is short and wide-shouldered, which reads as bold; the same audio at 1600 × 400 becomes a thin ribbon, which reads as decorative. Neither is better, but they are different pictures, so choose the shape before you fuss over the colours. If the image is going into a video, match the video's frame size exactly and let the editor place it. That avoids a resample step that would blur the bars.

Bars, filled and line

Bars leave a gap between columns, which sacrifices detail for legibility. At small sizes this is the only style that stays readable, because a solid shape at 200 pixels tall collapses into a smear. It is also the style people recognise as "audio", since every editor and podcast player uses it.

Filled draws one continuous shape through every peak, upper and lower. It keeps more detail and looks better the larger it gets, which makes it the right choice for print, for large banners and for anything where the texture of the waveform is the point.

Line traces the upper envelope only, with a stroke that scales with the image height. It is by far the lightest visually, so it works over a photograph or a video frame where a filled shape would dominate. With a transparent background it is the closest thing here to an overlay graphic.

Questions

What size should I export?
Match the place it is going. 1600 × 400 suits a page header or a podcast banner, 1080 × 1080 is a square social post, and 1920 × 1080 is a full video frame for an editor. Export at the final display size or larger. Enlarging a small PNG afterwards produces visibly soft edges, while scaling a large one down looks fine.
Is the transparent background really transparent?
Yes. PNG carries an alpha channel and the background is left unpainted, so the waveform composites over whatever is behind it in a video editor or a design tool. Two things to watch: converting the result to JPEG flattens transparency to black, and a light-coloured waveform disappears against a light background, so pick your colour for the destination rather than for the preview here.
Does the image show the left and right channels separately?
No. Every column takes the minimum and maximum across all channels, so a stereo file produces one combined shape. That is what almost every waveform graphic you have seen does. If you need the channels drawn apart, split the file with the stereo to mono tool and generate one image per channel.
Why is the whole track squashed into one image?
The image always spans the entire file, edge to edge, however long it is. An hour-long recording therefore gives you an hour-wide picture in which individual words are a fraction of a pixel. If you want detail, trim the section you care about first and generate the image from that.
What is the difference between the three styles?
Bars draw one rounded column per slice with a gap between them. The familiar look from audio apps, and the most legible at small sizes. Filled draws a single solid shape through every peak, which reads better at large sizes and in print. Line traces only the upper envelope with a stroke, which is the lightest and works well over a photograph or a video.
How large can the image be?
This page allows up to 4000 pixels on each side, which is comfortably inside what browsers can allocate for a canvas. Beyond roughly 16384 pixels a canvas fails silently in most browsers and produces a blank image, so the limit here keeps you well clear of that edge.
Can I animate it or make a video from it?
Not here. This tool produces a single still PNG. It is the right starting point for one, though: export at your video resolution with a transparent background, drop it into your editor, and animate a mask or a playhead over it there.