The short version
- An animated Instagram post is a short video, usually a loop, used in place of a still image to add movement to a feed post.
- Motion helps when it has a job, such as catching the eye, showing a change or setting a mood, and hurts when it makes the words harder to read.
- The most dependable animated posts keep the words still and move only the background, a product or one element.
- Upload animated posts as MP4 video rather than GIF, at 1080 × 1350 for portrait posts or 1080 × 1920 for Reels.
- Make the first frame work as a still image, because it is often what people see before the video plays.
On this page
An animated Instagram post is a short video, usually a few seconds long and looping, that takes the place of a still image in your feed. Motion helps when it has a job: to stop a scroll, show something changing or set a mood. It hurts when it makes the message harder to read. The most reliable approach is to keep the words still and move one thing behind or around them.
This guide helps you decide when a post should move, what to animate and how to export it so it looks as good on the phone as it did on your screen. The same thinking applies to LinkedIn, X, Threads and Facebook.
When motion helps and when a still is better
Motion is a strong signal. In a feed of still images, a moving post stands out, and people notice movement before they read. But a strong signal needs a message worth signalling. If the post is a long quote, a detailed chart or a dense list, movement competes with reading. Put simply: animate announcements, moods and products; keep reading-heavy posts still.
Animate
- Launches, openings and event announcements
- Short lines of four to eight words
- Products that look better turning or catching light
- Posts where the mood is the message
Keep still
- Long quotes and paragraphs
- Charts, tables and step-by-step tips
- Carousels people read slide by slide
- Anything where the words must be read at a glance
Kinds of animated post, from subtle to loud
Not all motion is equal. The further down this list, the more attention the post grabs, and the more carefully it has to be designed to stay readable.
| Kind | What moves | Good for |
|---|---|---|
| Moving background | Only the gradient or texture behind still words | Everyday posts in a consistent look |
| Cinemagraph | One part of a photo, the rest frozen | Food, drinks, places, fashion |
| Text reveal | Words arrive one line at a time, then hold | Announcements and headlines |
| Product loop | An object turns, pours or catches light | Launches and product drops |
| Kinetic type | The words themselves move throughout | Music, events, short bold statements |
A portrait feed post: the words hold, the gradient drifts behind them…
…and the same idea laid out again for a Reel, with room for the app's buttons.
Keep the words still
People read a post in the second or two it sits in front of them. Words that slide, bounce or fade in and out take away the time they need. If you animate text, let it arrive once, eased and quick, then hold still for the rest of the loop. Let the background, a product or a single accent carry the ongoing motion. Motion design principles covers timing and order.
Check contrast across the whole loop, not just the first frame. A drifting gradient can pass a bright patch behind white text halfway through. Animated gradient backgrounds explains how to keep the words readable at every moment.
Sizes, lengths and export settings
Instagram and most other platforms want animated posts as video files, and MP4 is the safe choice. GIF files are larger, limited to 256 colours per frame and poorly suited to gradients; see GIF vs MP4. On Instagram, video posted to the feed is typically shared as a Reel, so design with the vertical crop in mind too.
Portrait post
1080 × 1350
Square post
1080 × 1080
Reel and Story
1080 × 1920
| Setting | Recommendation |
|---|---|
| File type | MP4 (H.264), no GIF |
| Size | 1080 × 1350 for feed, 1080 × 1920 for Reels |
| Length | 5 to 15 seconds for a loop |
| Frame rate | 30 frames per second is plenty for a slow background |
| Sound | Optional; design so it works muted |
| Loop | End joins start without a jump |
How to make an animated post, step by step
- 1
Design the still post first
Headline, layout, colours. If it doesn't work as a still, motion won't rescue it.
- 2
Decide what moves
Pick one thing: the background, the product or a single entrance. Everything else stays put.
- 3
Make the first frame count
The first frame often shows before the video plays, and people with autoplay off may only see that. It should be a complete, readable post.
- 4
Loop it cleanly
A jump at the end of every repeat looks careless. Seamless loops shows how to avoid it.
- 5
Export and preview on a phone
Send the MP4 to your phone and watch it at real size, in daylight, before you post.
How to know if motion is working for you
There is no universal answer to whether animated posts outperform still ones; it depends on your audience, your content and how well the motion is done. Test it on your own account. Post similar content in still and animated versions over several weeks, and compare the numbers your platform's insights give you, such as reach, saves and shares. Change one thing at a time, so you know what made the difference.
If you design in Gradiently, any post can be exported as a 5 to 30 second loop with the Mark moving behind still words, so trying a moving version of a post you have already made takes a minute. For a broader view of adding motion to a still brand, read motion for brands that don't make video.
Questions people ask
Do animated posts get more engagement than static posts?
It depends on the audience, the content and the quality of the motion, so there is no universal answer. Test still and animated versions of similar posts on your own account and compare the results.
Can I post a GIF on Instagram?
Upload animated posts as MP4 video instead. GIF files are large, limited to 256 colours per frame, and not the format platforms expect for feed video.
What size should an animated Instagram post be?
1080 × 1350 pixels for a portrait feed post, 1080 × 1080 for square, and 1080 × 1920 for Reels and Stories.
How long should an animated post be?
For a loop, 5 to 15 seconds is usually enough. Keep the words still once they appear so people can read them.
Should the text move in an animated post?
Usually only once, as a short entrance, then it should hold still. Let the background or a single element carry the ongoing motion.
Written by Gradiently
The team behind Gradiently, a design tool built around Marks: living gradients that make everything you design look like yours.
See our profile
