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.
Click Open the Music Visualizer or Start Free to reach the Upload Audio Track screen. Use the file picker to select your track. Common supported formats are MP3, WAV, FLAC, AAC, OGG, and M4A, although exact decoding support depends on the browser. ImgTool shows a loading status while it prepares the audio; larger or lossless files can take longer.
Once the audio track has loaded, you can pick from 20+ reactive visualizer styles. Open the Visual Style section in the controls panel. Click Play below the preview briefly, then pause while editing to reduce browser load. Try styles such as Bass Ring, bars, and waveform visualizers; each responds to your audio's bass, mids, and treble.
Use the Background (Image) section for wallpapers and uploaded images. Open Background (Video) for built-in videos, uploaded loops, and video playlists. Try a few videos and let each one finish loading before judging the visual.
Open the Branding / Overlays section. Type into the Artist / channel field, then click Add artist / channel. Add the track name in Track / release title and click Add title. Adjust the font, size, opacity, and colour, then drag the overlays into position 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.
Open the Export Settings section and run Device Spec Check if you want a browser-specific recommendation. Choose the Preview / Canvas Format for the aspect ratio, then set Resolution, FPS, Export Engine, and Output Format. Test at 720p / 30 fps before moving up to HD or 4K.
Quality-first on supported desktop Chrome or Edge: click Export Video to run Step 1 preflight. When it passes, click the large amber Step 2 โ Click to Choose Save Location button and choose the file. Rendering starts only after you choose it. Quality-first can save WebM and, where supported, H.264/AAC MP4.
Safari and iPhone/iPad browsers โ experimental 720p / 30 FPS: these browsers use Legacy real-time export. On iPhone and iPad this includes Chrome. Clicking Export Video starts recording immediately; the desktop Chrome/Edge save picker is not available at the start.
Use Quick 720p, Quick 1080p, or Quick 4K for shortcuts. For Spotify Canvas, X Exports, Release Pack, Promo Still Pack, Batch Tracks, and Playlist Maker, use the Release-week exports section.
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.
| 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. |
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.
These browsers offer the file only after rendering finishes. It may go straight to Downloads without a prompt, depending on the browser's download settings. Check the browser's download button and your Downloads folder.
Retry at 720p / 30 fps with a simple still background, glow and blur off, other tabs closed, and ImgTool kept visible. If the completed video is still not smooth, use desktop Chrome or Edge for the final export.
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.
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. At 720p the support watermark can normally be switched off; EQ or audio finish keeps it on for free exports.
Look beneath the Music visualizer studio heading for the green pass-active badge and expiry. Export Settings repeats the active status. If neither appears after a refresh, use the manual licence-key field in Export Settings.
That is expected for privacy and file-access security. The project JSON saves settings, overlays, playlist structure, and media filenames, but it does not embed your audio, uploaded images, or uploaded videos. Reselect those local files when prompted.
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.
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.
No account needed to try it, no installs, no server audio uploads. After checkout, ImgTool normally activates the pass automatically; the green pass-active badge confirms it, and the emailed licence key remains available as a fallback.
We'd like to use optional analytics (Google Analytics 4) to understand how people use the guide. Google Analytics only loads if you choose Accept. Privacy details.