Jaconir

Free Sprite Sheet Generator Online | Pack Images for Games | Jaconir Tools

An essential tool for 2D game developers. Upload your individual animation frames to pack them into a single, performance-optimized sprite sheet. Our generator also creates a corresponding JSON data file, making it easy to import and use your animations in game engines like Phaser, Godot, or Unity.

1. Upload Frames
Select the individual image frames for your animation. They will be automatically sorted by name.
2. Generate
Once you've uploaded your frames, click the button to generate the sprite sheet and data file.
3. Preview & Download

Your sprite sheet will appear here.

Your JSON data will appear here.

Features

Automatic Packing

Arranges all uploaded frames into a single, optimized PNG sprite sheet.

JSON Data Export

Generates a JSON file mapping each frame's name to its coordinates and size.

Client-Side Processing

Your art is never uploaded to a server, ensuring 100% privacy and security.

How to Use

1. Name Your Frames

For best results, name your animation frames sequentially (e.g., `run_01.png`, `run_02.png`). This allows the tool to sort them correctly.

2. Upload Your Images

Click "Select Images" and upload all the frames for a single animation. You can select multiple files at once.

3. Generate the Sheet and Data

Click the "Generate" button. The tool will create a horizontal sprite sheet and a JSON data file mapping each frame to its coordinates.

4. Download and Import

Download the `.png` and `.json` files. Most game engines (like Phaser, Godot, or Unity) can use these to automatically create your animations.

Why Use This Tool?

Optimize Game Performance

Loading one large texture is far more efficient than loading hundreds of small ones. Sprite sheets reduce draw calls and memory usage, leading to smoother gameplay and faster load times.

Simplify Animation Workflow

The generated JSON file allows game engines to automatically slice the sprite sheet and create animations, saving you from the tedious task of manually defining each frame's position.

Use Cases
  • Character Animations: Packing walk cycles, attacks, and idle animations for player characters and NPCs.
  • UI Elements: Creating animated buttons, icons, or indicators from a sequence of images.
  • Special Effects: Combining frames for explosions, particle effects, or magical spells into a single sheet.
  • Web Animations: Using CSS `steps()` to create efficient, frame-by-frame animations on a website without using a heavy GIF.

Need a GDD for your game idea? We've got a tool for that.

Try the GDD Generator
Frequently Asked Questions