Upload your animated sprite video or image(s)
Tip: Upload multiple images for sprite animation!
Supports MP4, WebM, MOV, PNG, JPG, WebP âĸ Multiple images supported
Supports MP4, WebM, MOV, PNG, JPG, WebP âĸ Multiple images supported
Create Animated Spritesheets & Make Game-Ready Icons & Sprites
1. Generate your Sprite Artwork with OpenArt (or similar) â TIP: generate with a SOLID color background like a green screen.
3. Upload your video here and Spritely will guide you the rest of the way!
4. Download your game-ready sprite sheet or individual image zip file.
5. Animated sprite is now game ready. đŽ
đĄ TIP: You can also upload still images or a batch of images (such as game icons) to automatically align and position them with perfect consistency.
đē Video Tutorial
Live Preview
Select Frames to Export (0 total, 0 selected)
Zoom:
100%
đĨ Animation Preview
12 FPS
đ¨ Background Removal & Export Options
Step 1 đ¨ Chroma Key Background Removal
Remove a specific color from your frames (great for green screens, blue screens, or solid color backgrounds)
Precise (0)
Aggressive (150)
Preview (First Frame)
Step 2 đ Auto-Crop & Sizing
Set precise canvas width to ensure consistent sprite dimensions. Select a canvas size to start the animation preview.
First frame determines position for all frames (best for animations)
256Ã256
Ã
px
Expands the canvas while keeping your sprite positioned inside it.
px
30
100%
đ Select a Canvas Size
Step 3 ⨠Halo Remover (Optional - Final Polish)
Remove edge halos from your sprites by expanding transparency. Apply after sizing for final polish.
1px
30px
đĄ Start with 2-5px, increase if halos remain
Preview (First Frame)
Apply Chroma Key first or process a video
đĨ Download Options
â ī¸ Note: If you have many frames with a high pixel value for Halo Remover, your browser may seem to "hang" for a short time as frames are processed. Give it a chance to finish!