Load the source
Use the included example or choose an audio file from your device.
This audio waveform image generator turns an audio file into a customizable waveform graphic directly in your browser. Start with the included audio example or select your own file, choose the dimensions, colors and waveform style, then export the result as PNG or SVG.
Load an audio file, customize its appearance and generate a waveform from the actual decoded signal. The image can be exported in raster PNG format or as scalable SVG.
The included example is loaded automatically. Select your own audio at any time to replace it.
Audio fileWaiting for audio
1600 × 600 px
An audio waveform represents signal amplitude across time. Instead of drawing every individual audio sample, this tool analyzes sections of the decoded signal and finds the minimum and maximum values needed to represent each horizontal part of the final image.
The result is a peak envelope that preserves the visible dynamics and structure of the recording while fitting the waveform to the selected image width.
If you want to explore audio interactively after creating a waveform, the Interactive Online Audio Mixer provides a different way to work with sound, while Audio Tools for Recording, Mixing, and Ear Training offers additional browser-based experiments and utilities.
Quiet passages, loud sections, transients and changes in overall signal level influence the shape of the generated waveform. Changing the visual style alters how that information is drawn, not the underlying audio analysis.
A waveform provides an immediate overview of an audio file. You can often see where a recording begins and ends, where sections become denser, where pauses occur and where short high-level events stand out.
A generated waveform graphic can also be useful whenever the visual shape of an audio recording is needed independently of an editor or DAW. PNG provides a ready-to-use raster image, while SVG keeps the waveform as vector geometry that can scale cleanly.
For musicians working with recorded performances, the First Time Recording Studio Guide gives a broader view of the recording process. You can also explore practical considerations around vocal recording time when the source material is a vocal performance.
Use the included example or choose an audio file from your device.
Choose dimensions, waveform style, amplitude and the foreground and background colors.
Export a raster image or preserve the generated waveform as scalable vector geometry.
An audio waveform image generator online is useful when you need the visual shape of a recording without opening a full audio editing project. Select the sound, adjust the appearance and create an image from the decoded waveform directly in the browser.
Digital audio contains a sequence of sample values. At normal image widths, an audio file can contain far more samples than there are horizontal pixels available to display them. Drawing one sample per pixel would therefore discard useful information.
Instead, the generator divides the recording according to the output width. For each horizontal position it finds the minimum and maximum sample values in the corresponding section. Those values form the visible peak envelope.
The image gives a useful overview, but it does not replace listening. Similar-looking sections can contain very different musical or spectral content, and the waveform does not directly tell you which frequencies are present.
Use the player underneath the generator to connect the visible envelope with what you hear. For more hands-on exploration of levels and signal flow, try the Mixer Console Simulator.
PNG stores the finished waveform as pixels at the selected dimensions. SVG describes the waveform with vector paths, allowing the graphic to be resized later without relying on the original pixel dimensions.
The waveform image tool uses the browser's audio decoder. WAV and MP3 are common choices, while additional formats may work when the browser supports decoding them. Once decoded, the same waveform calculation is applied regardless of the original container.
If the source contains multiple channels, the generator combines them into a single waveform representation. This provides one compact image rather than separate left and right channel graphics.
Musicians working with different kinds of source material may also find the overview of recording different music genres useful, along with the more focused discussion of instrument recording.
Width and height determine the actual exported image dimensions. A wide, shallow waveform can work well when the goal is to show the full timeline prominently. A taller format gives the amplitude shape more vertical space.
The on-page preview automatically scales to fit the available browser width, but the exported PNG uses the dimensions entered in the controls. This means a 1600 × 600 waveform remains 1600 × 600 pixels even when its preview appears smaller on screen.
The solid style connects the detected upper and lower peaks into one filled shape. It gives the waveform a dense, continuous appearance and makes larger changes in signal level easy to see.
The bar style draws separated vertical segments from the minimum to maximum value of each analyzed region. It retains the overall peak envelope while giving the graphic a more segmented appearance.
Outline mode traces the upper and lower peak boundaries without filling the center. Mirrored line mode creates a simplified symmetrical waveform based on the strongest absolute peak detected for each horizontal section.
These styles all come from the same underlying audio. They simply offer different visual treatments for the resulting waveform.
Speech and vocal recordings often contain visible phrases, pauses and changes in level. The waveform can provide a quick overview of that structure before you listen through the entire file.
If vocals are your main source material, you can continue with information about vocal and speech recording or explore Russian voice-over recording for another type of spoken-word production.
In a complete song, the waveform can show broad changes in density and amplitude across the arrangement. A quiet introduction, stronger section, break or ending may produce clearly different visual shapes, although the exact musical content still has to be understood by listening.
Artists preparing recordings can also explore song demo production, while performers interested in the experience of recording may find the discussion of recording confidence useful.
The generator analyzes the entire decoded recording rather than capturing a screenshot of a moving player. Each horizontal part of the image corresponds to a portion of the full audio timeline. This keeps the beginning, middle and end represented within the same graphic.
For other types of recorded content, the Audio Content Recording Services overview covers music, speech and additional audio material.
A file selected from your device is read with browser APIs and decoded into an AudioBuffer. JavaScript then calculates the waveform envelope and draws the result on Canvas. PNG export is created from that canvas.
SVG export is also assembled in the browser from the calculated waveform points and saved as a Blob. The code below does not send a user-selected audio file to a server for waveform generation.
Artists who plan recording sessions away from home can also read about planning a focused recording trip or the specific guide for New York vocalists recording in Philadelphia.
Move from waveform visualization into additional practical resources for working with recorded sound and music.
Continue with Ronter Audio Lab utilities for musicians, recording, audio files, sound analysis and production.
Go beyond individual audio tools. Arrange multiple tracks, edit clips, build modular effect chains, add modulation, mix through a Master bus, save projects and export the finished mix to WAV.
Explore 168 free browser-based tools for musicians, singers, producers, engineers and creators. Open a category to find your next tool.
I build Ronter Sound Lab and the audio tools on this website as free resources for musicians, producers and creators. If these tools are useful to you and you would like to support the project, any voluntary contribution helps me continue developing the free online DAW, create new tools, improve existing features and keep everything available to everyone.
Every contribution, large or small, is sincerely appreciated. Thank you for supporting independent development.