How to make an audiogram for Instagram Reels
An audiogram is a short video built from audio — a waveform or spectrum animating over artwork, usually with the speaker's words or the track title on screen. Instagram, TikTok and YouTube Shorts will not accept a bare MP3, so an audiogram is how a podcast clip or a song gets posted at all.
This guide covers the whole job: choosing a clip worth posting, picking the right frame shape, making the motion readable on a phone, and exporting a file the platform will not re-crush. It uses Audioframe, which runs in the browser, but the reasoning applies wherever you make one.
1. Start with a clip that earns the scroll
The single biggest factor is not the visualizer — it is the twenty seconds you chose. A feed gives you roughly two seconds before a thumb moves. Some rules that hold up:
- Open on the strongest line. Do not lead with an introduction or a musical ramp. Cut so the first spoken sentence or the hook lands immediately.
- Keep it between 20 and 45 seconds. Long enough to say something, short enough that the loop comes back round while attention is still there.
- End on a complete thought. A clip that stops mid-sentence reads as broken rather than as a teaser.
2. Use a vertical frame
Reels, TikTok and Shorts are all 9:16. A 16:9 video posted to a vertical feed is letterboxed into a small strip in the middle of the screen, which wastes about two-thirds of the display and reads as reposted content. Feed posts that are not full-screen use 4:5, which occupies more vertical space than a square without triggering the full-screen player.
In Audioframe the Aspect Ratio control sits directly above the export button. If you load a video file, the aspect is matched to that file's own shape automatically — drop in a vertical clip and you get a vertical project. There is more detail in the aspect ratio guide.
3. Make the motion readable at thumb size
A visualizer that looks detailed on a laptop turns into grey mush on a 6-inch screen held at arm's length. Three settings do most of the work:
Bar width and gap
Thin bars with tight gaps produce fine detail that disappears when the video is scaled down. For vertical video, widen the bars and increase the gap until you can count individual bars from across the room. Fewer, chunkier elements survive compression and small screens.
Height multiplier
The default leaves headroom so loud passages do not clip against the frame edge. If your clip is quiet — a soft-spoken podcast, say — raise it until the peaks use most of the available space. A waveform that barely moves looks like a broken player.
Contrast, not colour
White is the default in Audioframe for a reason: it composites over any artwork or footage. Coloured visualizers look good against the colour you designed them for and muddy against everything else. If you do use colour, check it against the actual background you are posting with, not against a blank canvas.
Captions matter more than the visualizer. A large share of feed viewing is silent. If the clip is speech, burn in captions — the audiogram's job is to stop the scroll, but the words are what make someone stay. Audioframe's text overlay handles a title and subtitle; for full sentence-by-sentence captions, add them in your editor afterwards.
4. Position the visualizer where it will not be covered
Every vertical platform overlays its own interface on your video. The bottom third holds the caption, the username and the audio credit; the right edge holds the like, comment and share buttons. Anything you place there is partly hidden.
Put the visualizer in the middle or upper-middle of the frame, and keep text out of the bottom
20% and the right 15%. In Audioframe you can drag the visualizer directly on the preview and
drag a corner to resize it; hold Alt to place it freely if the snap grid will not
give you the position you want.
5. Export settings that survive the upload
Every platform re-encodes what you upload. You cannot prevent that, but you can give the encoder a clean source so its output still looks good.
| Setting | Use | Why |
|---|---|---|
| Format | MP4 | Universally accepted. WebM is for transparency, not for uploading. |
| Aspect | 9:16 | Full-screen on Reels, TikTok and Shorts. |
| Resolution | 1080p | 1080×1920. Platforms cap around here anyway; 4K mostly costs you time. |
| Frame rate | 30 fps | Enough for a visualizer. 60 fps doubles the file for motion nobody will notice. |
| Bitrate | 8–12 Mbps | Headroom for the platform's own re-encode without a huge upload. |
Raise the bitrate rather than the resolution if the result looks soft. Compression artefacts on a visualizer show up as blocky smearing around the moving edges, and more bits fix that; more pixels do not.
6. Check it on a phone before you post
Send the file to your own phone and watch it at arm's length with the sound off. You are checking three things: can you read the text, can you tell what the motion is doing, and does the first second give you a reason to stop. Almost every fix is cheap at this stage and annoying after you have posted.
Make one now — free, no sign-up →