How to make a music visualizer video

Follow this practical workflow to turn a song and cover art into a finished visualizer video. You will load audio, choose a visual style, add backgrounds and text, then pick the export settings that fit your device and release plan.

โฑ About 5 minutes ยท ๐ŸŒ Chrome recommended ยท ๐Ÿ”’ Your files never leave your device ยท ๐Ÿชช No account to try
Open the Music Visualizer Interactive Tutorial
New here? Use the built-in Interactive Tutorial; it walks you through every step with a voiceover audio guide and highlights the basic controls. No reading required.
Start Tutorial
Prefer video walkthroughs? Watch this short video walkthrough of a basic start-to-finish flow. Visit and subscribe to the official YouTube channel for more: https://www.youtube.com/@ImgToolMusicVisualizer
Visit channel Open on YouTube
Author: Mat Last Updated: 21 June 2026

Step 1 โ€” Open ImgTool.app and upload your audio

1

Choose your audio file

Click the Open Visualizer โ€” Free button to load the Upload Audio Track screen. Use the Choose File button to open the file picker and select your track. Supported formats are: MP3, WAV, FLAC, AAC, OGG, M4A. Most tracks will load in 5 to 15 seconds.

Privacy: Your audio is processed entirely in your browser using the Web Audio API. It's never uploaded to any server, which makes the tool useful for unreleased tracks and private release prep.

Step 2 โ€” Choose a visual style

2

Pick from 20+ reactive visualizer styles

Once the audio track has loaded, you can pick from 20+ reactive visualizer styles. On the right, open the Visual Style dropdown. Most of the app controls live inside the dropdown panels. Use the purple Play button below the preview window, then try styles such as Bass Ring, bars, and waveform visualizers. Each one responds to your audio's bass, mids, and treble in real time.

Use the Color Theme selector to change the colour palette of the style. Use the Sensitivity and Smoothing sliders to dial in how aggressively the visuals react.

Step 3 โ€” Add a background

3

Image, video, or built-in library

Use the Background (Image) dropdown for wallpapers and images. You can upload your own image if needed. Then open the Background (Video) dropdown for built-in videos and video loops. You can also add videos to a playlist. Try clicking a few videos and let them load to test different visual looks.

Built-in video backgrounds are the fastest way for you to get polished videos without hunting for your own media.

Step 4 โ€” Add text overlays & cover art

4

Artist name, track title, and cover art

Open the Branding / Overlays dropdown. Use the Add artist / channel text box to place text onto the preview window, and add your track name into the Track / release title box too. Adjust the font, size, opacity, and colour, then click the Add buttons. Drag the overlays to position them on the preview canvas.

In the Cover art section of the right-side panel, you can upload your own artwork. It appears as a floating image you can drag, resize, and fade.

Use the Custom text option for additional labels โ€” BPM, release date, record label name, etc. If you want a little more detail without another animated layer, the Static pattern overlay options now include dots, guide grid, scanlines, corner brackets, and target frame.

Step 5 โ€” Configure & export your video

5

Use the Device Spec Checker if needed, then click Export

Open the Export Settings dropdown and use the Device Spec Checker if needed. In the Settings area, choose your canvas size: 16:9, 9:16, 1:1, or custom. Then click Export Video.

  • 720p: fully free and watermark-free.
  • 1080p HD: the first two free exports include a support watermark; after that, you need a pass to remove it.
  • 4K: one watermarked test export at no cost per device.

Chrome or Edge can export .mp4 using H.264/AAC where supported. Use the Quick 720p, Quick 1080p, or Quick 4K buttons when you want a fast shortcut. For focused release-week jobs like Spotify Canvas, X Exports, Release Pack, Promo Still Pack, Batch Tracks, and Playlist Maker, use the Release Week dropdown.

Always keep the browser tab visible while exporting โ€” background tabs can be throttled by the browser, which can cause dropped frames or stop the export.
Working on a release weekend?

720p stays fully free. Free HD exports start with the support watermark on, and after two HD exports the support watermark stays fixed on unless you use a pass. 4K keeps one watermarked test export at no cost per device. A paid pass removes that export friction, adds release-week tools like Spotify Canvas, X Exports, Promo Still Pack, Release Pack, Batch Tracks, and Playlist Maker, and keeps the workflow private for unreleased tracks.

Compare passes โ†’ Private workflow โ†’

Performance tips

Keyboard shortcuts

Shortcut What it does Notes
Ctrl/Cmd + Z Undo the last visual change Works for supported editor controls, not for browser file selection.
Ctrl/Cmd + Shift + Z Redo a visual change Useful when comparing two colour or layout choices.
Ctrl/Cmd + Y Redo a visual change Alternative redo shortcut on keyboards that expect it.
Escape Close export tool modals Handy if a modal is covering the editor while you are testing settings.

Troubleshooting

Audio does not load.

Try a standard MP3 or WAV first. Some browser builds cannot decode every AAC, M4A, or unusual WAV variant. If the file came from a DAW, export a fresh 44.1kHz or 48kHz WAV/MP3 and try again.

Export fails in Safari.

Safari has different media encoder support from Chrome and Edge. Use 720p/30 fps for a test, avoid long 4K exports, or switch to Chrome/Edge desktop when you need the quality-first MP4 route.

The visualizer looks slow or flickery.

Lower preview quality, disable heavy glow or blur, close other tabs, remove video backgrounds while editing, and use 30 fps. Chromebook and mobile browsers can throttle canvas animation under sustained load; this web app works best on a reasonably powerful desktop computer.

A watermark appears on free 1080p.

That is expected without a paid pass. The support watermark starts on, and after two 1080p HD exports, it stays fixed on unless you use an active pass. 720p is watermark-free, while clean HD/4K and the extra release-week tools need an active pass.

A preset will not save.

Presets use browser storage. Private browsing, aggressive cleanup tools, third-party storage blockers, or clearing site data can remove them. Save important project files separately when possible.

The browser runs out of memory.

Reduce resolution, shorten the export, remove large uploaded video backgrounds, avoid 60 fps, and restart the browser before a long render. 4K full-track exports are desktop jobs, not something every laptop can handle, and the app is not designed for mobile phones or tablets.

Ready to make your release visual?

No account needed to try it, no installs, no server audio uploads. If you buy the pass, checkout uses your email to send the key.

Start Free Interactive Tutorial View pricing
Share this guide: