Sprite Sheets & Texture Atlases,
Built in Your Browser.
Everything You Need for Sprite Management
Professional-grade sprite sheets and atlases in the browser — the core of what we build. Comparable to TexturePacker for packing and pipelines, without leaving your machine.
Video to Sprite Sheet
Upload any video or GIF and extract frames into a clean, game-ready sprite sheet with custom FPS and scale controls.
Image Atlas Packer
Drag and drop multiple images and pack them into an optimized texture atlas using MaxRects, Shelf, or Grid algorithms.
Sprite Sheet Splitter
Split existing sprite sheets back into individual frames. Define grid, margins, and offsets, then download as a ZIP.
100% Browser-Based
Your files never leave your machine. All processing happens locally in your browser — no uploads, no servers, no accounts.
Smart Optimization
Duplicate sprite detection, transparent trimming, edge extrusion, PNG quantization, and multi-resolution scaling built in.
8+ Export Formats
Export to Unity, Godot, Phaser, PixiJS, Spine, Starling XML, CSS Sprites, or generic JSON. Drop output into your project.
Alias Detection
Automatically detect identical sprites and pack them only once. Aliases are referenced in metadata to save texture memory.
Full Control
Configure FPS, scale, padding, extrusion, power-of-two sizing, transparent trimming, packing algorithm, and more.
Multiple Packing Algorithms
MaxRects for best space efficiency, Shelf for speed, or Grid for engines that don't support data files.
How It Works
Three steps to game-ready assets.
Upload Your Assets
Drag and drop a video, GIF, a set of images, or an existing sprite sheet.
Configure Settings
Set FPS, padding, scale, atlas size, packing algorithm, and export format.
Generate & Download
Preview your sprite sheet or atlas, then download the PNG and metadata.
Built for game devs, by game devs
Works With Your Engine
Export sprite sheet and atlas metadata in formats ready for the most popular game engines and frameworks.
Unity
Import sprite sheets directly into Unity's Sprite Editor with matching metadata.
Godot
Use exported atlases with Godot's AtlasTexture and AnimatedSprite nodes.
Phaser
Generate Phaser-compatible atlas JSON for seamless texture loading.
PixiJS
Export PixiJS-format sprite sheet data with anchor points and animations.
Spine
Generate Spine-compatible atlas data for skeletal animation workflows.
Starling
Export Starling XML atlas format for Flash-based and AIR game engines.
CSS Sprites
Generate CSS classes with background-position for web sprite sheets.
Custom Engines
Use the generic JSON format with any engine or framework you prefer.
Our Tools
Sprite sheets, atlases, pixel art, and normal maps are the headline — start here. For image compression, background removal, app icon presets, and audio conversion, use the site menu; same privacy, same browser.
Video to Sprite Sheet
Convert videos and GIFs into game-ready sprite sheets. Set FPS, scale, and preview the animation before exporting.
Open Tool →Spritesheet to Video
Convert a sprite sheet into MP4 or WebM. Set columns, rows, offsets, margins, and FPS, then export a smooth animation.
Open Tool →Video to GIF & MP4
Convert any video to animated GIF or MP4. Set FPS and scale, then export — no sprite sheets, just GIF or MP4.
Open Tool →Video to Frames
Extract individual frames from any video or GIF and download them all as a ZIP file. Perfect for reference or hand-editing.
Open Tool →Images to Atlas
Pack multiple images into an optimized texture atlas with MaxRects packing, duplicate detection, and multi-resolution scaling.
Open Tool →Sprite Sheet Splitter
Split existing sprite sheets back into individual frames. Define grid settings, preview, play animation, and download as ZIP.
Open Tool →Pixel Art Editor
Draw pixel sprites on a grid in your browser — pencil, eraser, fill, lines, palette, undo/redo, and PNG export. PixilArt-style workflow, fully local.
Open Tool →Normal Map Generator
Create normal maps from height maps or any image. Set strength and invert, then download. Use in Unity, Unreal, Godot.
Open Tool →Sprite Resizer
Bulk resize multiple images at once. Upload sprites or photos, set scale or max dimensions, then download all or as a ZIP.
Open Tool →Background Remover
Strip backgrounds from photos or sprites with Transformers.js in your browser. Download PNG with transparency or flatten onto a solid color — models load from Hugging Face on first use.
Open Tool →Spritesheet to GIF
Turn a sprite sheet into an animated GIF. Set columns, rows, FPS, palette size, and dithering. Perfect for game sprites or frame strips.
Open Tool →GIF to Video
Convert animated GIF to MP4 or WebM video. Set FPS and scale. Ideal for embedding, social, or re-editing in a video editor.
Open Tool →GIF Compressor
Reduce GIF file size without losing too much quality. Adjust max colors, dithering, scale, and FPS. Preview before download.
Open Tool →Stay Updated
Get notified about new features, export formats, and tool updates.
Frequently Asked Questions
Quick answers about I Love Sprites.
Yes. I Love Sprites is completely free to use. There are no paywalls, no usage limits, and no account required. All processing runs in your browser.
No. I Love Sprites processes everything locally in your browser using WebAssembly and Canvas APIs. Your files never leave your machine.
I Love Sprites offers three packing algorithms: MaxRects (best space efficiency, fills gaps between sprites), Shelf/Basic (fast top-to-bottom packing), and Grid (uniform cell size for engines without data file support).
You can export metadata as Generic JSON, Unity, Godot, Phaser, PixiJS, Spine, Starling XML, or CSS Sprites. Each format includes the correct structure for direct import into that engine.
Yes! The Sprite Sheet Splitter tool lets you define rows, columns, margins, and offsets to extract individual frames from an existing sprite sheet. You can preview the grid, play back the animation, and download frames as a ZIP.
When enabled, I Love Sprites detects identical sprites in your image set and packs each unique sprite only once. Duplicate references are stored as aliases in the metadata, saving texture memory.
I Love Sprites supports MP4, WebM, OGG, QuickTime, and GIF files. Video processing is powered by FFmpeg compiled to WebAssembly.
There's no hard limit, but processing happens in your browser's memory. For very large videos or many high-resolution images, you may need adequate RAM. The tool will warn you about estimated memory usage.