Upload audio files and generate visual waveform images with customizable colors and dimensions.
Drop in an audio file and this tool decodes it into raw sample data, then draws the waveform as a band of vertical peaks scaled to your chosen width, height, and color. Decoding, downsampling, and drawing happen in the browser tab itself, so there's no export-and-reopen step in a media editor. The part people get wrong most often is treating the picture as a precise measurement: at typical output widths, thousands of samples collapse into each pixel column, so the image shows overall shape and loudness contour, not exact peak values or sample-accurate timing.
A concrete input and expected output from the current implementation.
Input
a 2-second, 440 Hz sine tone at -6 dBFS, mono, 44.1kHz WAV, rendered at 800x200px
Expected output
A uniform horizontal band of peaks running the full 800px width, centered on the image's vertical midline (y=100), extending roughly 50px above and below center (from about y=50 to y=150).
A steady sine tone holds constant peak amplitude for its whole duration, so every pixel column reduces to the same min/max pair. -6 dBFS converts to 10^(-6/20) ~= 0.501 of full scale, which sets the band's height at just over half of the 100px half-height.
The audio file is decoded into per-channel floating-point sample arrays. Since a typical file has far more samples than the output image has pixels, samples are grouped into one window per horizontal pixel, and each window is reduced to a single min/max (or peak) pair before drawing - this windowed reduction is what produces the familiar jagged bar shape rather than a smooth continuous wave.
Once peaks are computed, they're drawn onto a canvas at the width and height you set, filled with the chosen color or gradient. Stereo files are typically either merged into one lane or split into two, depending on the selected mode - this choice changes the visual outcome more than any color setting. The finished canvas is then exported as a downloadable image.
No - the output is a downsampled visual approximation meant for thumbnails and previews, not a lossless waveform trace. If you need sample-accurate detail, such as locating a specific click to remove, use a digital audio workstation's zoomed waveform view instead of this image.
Processing runs in your browser tab - decoding the audio and drawing the waveform happen on your device rather than requiring an upload to produce the image. Very large audio files may still take a noticeable moment to decode depending on your browser's available memory.
The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Pick colors visually and convert between HEX, RGB, HSL, and CMYK formats.
Preview how screen colors translate to print with CMYK simulation and proofing.
Preview any Google Font at various sizes, weights, and with custom sample text.
Create linear, radial, and conic CSS gradients with a visual editor and code output.
Generate harmonious color palettes from a base color using color theory rules.
Simulate how colors appear to people with various types of color vision deficiency.