SVG Animator
Turn any PNG frame sequence into a fully on-chain animated SVG with pixel perfect upscaling — no code, no hosting, no IPFS. Chain intros ⇀ infinite loop (Tool 1) or Chain a playlist loop (Tool 2) with custom FPS per section. Preview live. Copy SVG or Download. Ready to mint on ZeroUnbound.Art.
Love this tool? Say thanks with a small donation in XTZ!
tz1aow6UTrgAoHUTxoZ61uHAXksvgxUtXf2V
Upload PNG frames, set FPS, choose a tool. Tool 1 = intros then required final loop. Tool 2 = playlist loop.
Drop PNG files here or click to browse
No frames loaded
Used when a segment has no custom FPS.
Tool 1 — Intros to Final Loop
Tool 2 — Playlist Loop
to
Final loop is required for Tool 1. Generate disabled until valid.
Awaiting frames...
Preview appears after Generate
PRO TIPS
Hold reduces file size
Instead of multiple static PNGs for a pause effect
you can hold just 1 PNG for a set duration
Instead of multiple static PNGs for a pause effect
you can hold just 1 PNG for a set duration
Repeat reuses frames
Set Repeat = 4 on frames 1-10
→ 40-frame cycle using only 10 PNGs
Set Repeat = 4 on frames 1-10
→ 40-frame cycle using only 10 PNGs
Custom FPS per segment
Intro: 6 FPS (slow build-up)
Loop: 24 FPS (fast action)
Intro: 6 FPS (slow build-up)
Loop: 24 FPS (fast action)
Frequently Asked Questions
How many frames can I use?
Up to 200 frames keeps the tool fast.
The only hard limit is the 32 767 px canvas width (≈ 500 frames at 64 px).
The only hard limit is the 32 767 px canvas width (≈ 500 frames at 64 px).
What image size works best?
All frames must be identical.
64×64 to 256×256 px = smallest file + crisp pixels.
Larger sizes work but increase the final SVG.
Tip: Name your frames with numeric order hints for best sorting — e.g.
64×64 to 256×256 px = smallest file + crisp pixels.
Larger sizes work but increase the final SVG.
Tip: Name your frames with numeric order hints for best sorting — e.g.
frame001.png, frame002.png, etc.
Why does my animation stutter?
SMIL runs on the main thread.
Fix: lower FPS or split into two mints.
Fix: lower FPS or split into two mints.
How do I mint my SVG?
Can I edit the SVG later?
Yes. Open in any text editor and change
dur, repeatCount, or the base64 sprite.