Free Lottie Resizer
Change a Lottie animation’s width and height and scale its content to match — with live preview, all in your browser.
1. Upload your Lottie JSON file
Drag & drop your file here or click to browse
Only .json files (max. 10MB)
Live Preview
Upload a Lottie JSON file to see the preview
New size
-
Frames
-
FPS
-
The Best Free Lottie Resizer Online
Need to resize a Lottie animation without opening After Effects? Our free online Lottie resizer changes the width and height of any Lottie JSON and scales the artwork to fit — in seconds, right in your browser.
Because Lottie is vector-based, resizing is mathematical, not pixel-stretching: your animation stays razor-sharp at any size. Lock the aspect ratio to keep proportions, or unlock it for custom dimensions. Nothing is uploaded — every change happens locally on your device.
How to Resize a Lottie Animation Online
Resizing a Lottie used to mean editing the source in After Effects and re-exporting. Not anymore — do it directly in your browser:
Upload your Lottie JSON file
Drag and drop or click to browse. We accept standard .json files up to 10MB. The current dimensions are detected automatically.
Set the new width and height
Type exact pixel values or pick a preset (256, 512, 1024). The width and height fields auto-fill from your file so you always start from the original size.
Choose lock and scaling options
Keep the aspect-ratio lock on for safe, proportional resizing, or turn it off for custom dimensions. Toggle “Scale content” to scale the artwork or only change the canvas.
Preview live and download
Watch the resized animation play instantly. When it looks right, click Download to save the new Lottie JSON.
The whole process takes under a minute. No After Effects, no account, no server uploads.
Why Choose Our Lottie Resizer?
There are several reasons developers and designers reach for this tool when they need to change a Lottie’s size:
Vector-Sharp Scaling
Resizing scales the coordinate space, not pixels, so your animation stays crisp whether you make it tiny or huge. No blur, no artifacts.
Aspect-Ratio Lock
Keep your animation’s original proportions automatically. Change one dimension and the other follows so nothing ever looks stretched.
Live Preview
See the resized result the instant you change a value. Switch the preview background to check how it looks on light and dark surfaces.
100% Client-Side Processing
Your Lottie files never leave your computer. All resizing happens locally in your browser — completely private, no uploads.
Common Use Cases for Resizing Lottie Files
A single source animation rarely fits every slot. Here is where resizing helps:
App Icon Sizes
Generate multiple icon sizes from one animated source so your loader looks right on every density and platform.
Social Media Formats
Square for feeds, tall for stories, wide for banners — resize one animation into every format your campaign needs.
Hero & Banner Downscale
Take a large hero animation and scale it down for thumbnails or inline placements without re-exporting from source.
Email-Safe Small Assets
Shrink animations to compact, lightweight dimensions suitable for newsletters and constrained UI slots.
Standardizing a Lottie Set
Bring a mismatched collection of animations to a single consistent canvas size for a tidy, uniform UI.
Responsive Breakpoints
Produce dedicated mobile, tablet, and desktop sizes of the same animation for pixel-perfect responsive layouts.
Tips for Better Results
To get the most out of the Lottie resizer:
Keep the lock on for safe scaling
Leaving the aspect-ratio lock enabled guarantees your animation never looks squashed. Only unlock it when you intentionally want a stretched result.
Use presets for common targets
The 256 / 512 / 1024 presets cover most icon and asset sizes. Start from a preset, then fine-tune with the number inputs.
Disable content scaling to add padding
Turn off “Scale content” and enlarge the canvas to add breathing room around your animation without changing the artwork size.
Test in the target context
After downloading, drop the resized file into your real app or design to confirm it fills its container exactly as expected.
Privacy and Security
We take your privacy seriously. Unlike most online converters that upload your files to remote servers, our tool processes everything locally.
No uploads – Your files are processed entirely in your browser. They never touch our servers.
No tracking – We don't log which files you convert or what settings you use.
No accounts – Use the tool immediately. No registration, no personal data required.
Inspect it yourself – Open DevTools and watch the network tab. You'll see zero file uploads.
Frequently Asked Questions
Everything you need to know about Lottie animations and our tools.
How do I resize a Lottie animation?
Upload your Lottie JSON file, set the new width and height (or use a preset), and watch the live preview update. When it looks right, click Download to save the resized animation.
Will resizing make my animation blurry?
No. Lottie is vector-based, so resizing changes the animation’s coordinate space rather than stretching pixels. With “Scale content” enabled, every layer is scaled mathematically, staying crisp at any size.
What is the aspect-ratio lock?
When the lock is on, changing the width automatically updates the height (and vice-versa) to keep the original proportions, so your animation never looks stretched or squashed.
What does “Scale content” do?
When enabled, all layer positions and scales are multiplied by the resize factor so the artwork fills the new canvas. When disabled, only the canvas (viewport) changes and content keeps its original coordinates — useful for adding padding.
Does resizing change the animation timing?
No. Resizing only affects dimensions and layer transforms. Frame rate, duration, and keyframe timing are untouched. Use the Speed Controller if you want to change timing.
Can I make a non-square (stretched) animation?
Yes. Turn off the aspect-ratio lock and set independent width and height. Content is scaled non-uniformly on each axis to match.
Is there a size limit?
Dimensions can be set from 64px up to 4096px per side. The source file itself can be up to 10MB.
Are my files uploaded to a server?
No. The entire resize happens locally in your browser using JavaScript. Your file never leaves your device.