How to Make a Waveform Image From Audio (Free, In Browser)

To make a waveform image from audio, load the file into a waveform generator, set the image width, and export the drawing as a PNG. The tool reads the loudness of the sound over time and draws it as a single shape. Choose a short, dynamic clip rather than a whole episode, or the picture turns into a flat block.

Free toolAudio Waveform GeneratorGenerate crisp PNG waveform images from audio files with custom colors and dimensions. Process podcasts and music locally in your browser without uploads.Open the tool

What a waveform image actually shows

A waveform image is a picture of amplitude over time. The horizontal axis is the length of the audio, left to right. The vertical axis is how loud each moment is. Tall peaks are loud words, drum hits or applause; thin sections are pauses and quiet passages.

That simple fact decides how good your image looks. The whole file is squeezed into the width you choose. A 20-second clip drawn 1,200 pixels wide gives each second 60 pixels of room, so you can see individual phrases. A 60-minute episode at the same width gives each second a third of a pixel, and the result looks like a solid bar with ragged edges.

Heavily compressed, loud masters have a similar problem. When every moment is pushed close to maximum level, the waveform fills the full height almost everywhere, with none of the valleys that make the shape interesting. Speech with natural pauses and acoustic music with dynamics produce the most recognizable images.

How to make a waveform image step by step

These steps use the Audio Waveform Generator, which runs entirely in your browser. Your file is not uploaded anywhere.

1. Pick the moment you want to show. Choose a clip of roughly 5 to 60 seconds with clear peaks and pauses: a punchline, a chorus, a signature phrase. If you only have the full recording, trim it in your audio editor first and export just that section.
2. Get the audio into a readable format. The tool accepts MP3, WAV, M4A, AAC, OGG, FLAC and Opus, and it can read the soundtrack straight from a video file. If you have something unusual, convert it with the Audio Converter first.
3. Drop the file onto the upload area. The first time you use it, a processing engine of about 30 MB downloads once. After that, it starts immediately and works offline.
4. Set the Image width (px). The default is 1200, which suits most social and web uses. Enter a larger value, up to 4,000 pixels, for print or high-resolution banners. The height is fixed at 320 pixels.
5. Click Draw waveform. The tool mixes the channels to mono and draws the shape in blue on a white background.
6. Check the preview. If the shape looks like a flat block, go back and use a shorter or more dynamic clip. If it looks too sparse, use a longer section.
7. Download the PNG. Save the file and place it into your design at its native size or smaller.

Free toolAudio Waveform GeneratorGenerate crisp PNG waveform images from audio files with custom colors and dimensions. Process podcasts and music locally in your browser without uploads.Open the tool

Choosing the right width for where the image will go

The generator gives you a 320-pixel-tall strip, so you are really choosing how long and how detailed that strip is. Place it into a larger canvas in any design app to fit a specific format.

Where it will be used	Typical canvas	Suggested Image width setting	Notes
Link preview image for a blog or episode page	1200 × 630 px	1000-1200	Leave margins so the strip does not touch the edges
Square social post	1080 × 1080 px	900-1080	Place the strip in the lower third, artwork above
Video thumbnail or landscape post	1280 × 720 or 1920 × 1080 px	1200-1920	Match the canvas width for an edge-to-edge line
Website header or episode player background	Varies by theme	1600-2400	Wider images stay sharp on large screens
Printed poster or canvas	Depends on print size	3000-4000	At 300 DPI, 4,000 px is about 34 cm (13.3 in) wide

For print, remember that the strip is 320 pixels tall. At 300 DPI that is only about 2.7 cm (1.1 in). You can scale the image up moderately for a wall print, since a waveform is a simple, high-contrast shape, but for very large prints keep it as a thin accent line rather than stretching it vertically.

Styling the waveform after you export it

The exported PNG uses a fixed blue waveform on a white background. That high contrast makes it easy to restyle in whatever design or photo editor you already use:

• Change the color: use a “select color range” or magic wand selection on the blue, then fill it with your brand color.
• Put it on a dark or photo background: select and delete the white background, save as PNG with transparency, then layer the waveform over your artwork.
• Make it look like a player bar: duplicate the waveform, color the left part in a bright tone and the right part in a muted tone to suggest playback progress.
• Add a subtle glow or shadow: a soft outer glow in a lighter tint helps the line stand out on busy photos.

Keep the original download untouched so you can restyle it again for other formats.

Good sources for waveform images

The best waveform pictures come from audio with a story in its shape. A few ideas:

• Podcast highlights: the 15 seconds where a guest delivers the key insight. The pauses between phrases give the image rhythm.
• Wedding vows, first words, a voicemail: personal clips are a popular choice for printed keepsakes. Trim to the exact sentence.
• Product videos: if you sell on Shopify, Etsy or eBay and have a demo video, extract the narration with the MP4 to MP3 converter, or simply drop the video into the generator, and use the waveform as a design element on your product page or packaging insert.
• Studio recordings: if your source is a large uncompressed file, you can draw directly from it, or shrink it first with the WAV to MP3 converter if you also need a lighter file to share. Format does not change the shape.

For a wider look at audio formats and every conversion route, read the guide on how to convert audio files in your browser.

Common mistakes

• Drawing a whole episode or album track, which crushes hours of sound into a solid bar; trim to a short, dynamic section before generating the image.
• Stretching the PNG vertically to fill a tall layout, which makes edges look soft and the shape distorted; keep the aspect ratio and fill the extra space with background or artwork instead.
• Using a heavily limited master, which produces a flat, even shape with no visible peaks; use the raw voice track or an earlier, more dynamic mix.
• Expecting stereo channels to appear separately, which leads to confusion when only one shape appears; the generator mixes to mono, so if you need two channels drawn, export each channel as its own file first.
• Upscaling a narrow image for print, which softens the edges; generate the image at a larger Image width, up to 4,000 pixels, from the start.
• Placing the white background PNG on a colored design, which leaves a visible white box; remove the white first or set the canvas behind it to white.

Frequently asked questions

Can I make a waveform image from a video file? Yes, you can drop a video directly into the waveform generator and it will read the audio track. If you want a separate audio file as well, extract it first with an MP4 to MP3 converter.

What size is the exported waveform image? The height is always 320 pixels and the width is whatever you enter in the Image width field, with 1,200 pixels as the default. The file downloads as a PNG.

Can I change the waveform color or make the background transparent? Not inside the generator itself, which draws a blue waveform on white. Because the contrast is high, you can recolor the shape or delete the white background in any image editor in a few clicks.

Does the audio format affect the waveform shape? No, the shape comes from the loudness of the sound over time, so an MP3 and a WAV of the same recording look practically identical. Editing changes such as trimming, normalizing or compression do change the shape.

Is my audio uploaded when I make a waveform image? No, the file is processed locally in your browser and never sent to a server. Only the processing engine is downloaded, once, the first time you use the tool.

Make your first waveform in under a minute

A good waveform image is mostly about the clip you choose: short, dynamic and meaningful. Set a width that matches where the image will live, export a clean PNG and do your styling in the design tool you already know. Open the Audio Waveform Generator, drop in your clip and see the shape of your sound.