Skip to content

Sprite Atlas Packer

Drop a folder of sprites and get one tightly packed texture, with a data file that tells your engine where each sprite is. Nothing leaves your device.

Made on your device. Your images are never uploaded.

  • Never uploaded
  • PNG and data file
  • A whole folder at once

How it works

How to pack sprites into an atlas

  1. Step 1: Add your sprites

    Choose, drop or paste the images, or drop the folder they are in. They can all be different sizes.

  2. Step 2: Choose the packing

    Set the padding, trim empty edges, and pick the data file your engine reads. The sheet updates as you go.

  3. Step 3: Download the ZIP

    It holds the atlas PNG and the file that says where every sprite is.

Sprite Atlas Packer

One texture instead of a hundred files

  • Tight packing

    Sprites of any size are fitted together with little wasted space, never rotated, never resized.

  • Trims empty edges

    Clear space around each sprite is left out and recorded, so the atlas is smaller and nothing moves.

  • Data your engine reads

    JSON for Phaser, PixiJS and engine importers, or a Unity .meta that slices the texture for you.

  • Never uploaded

    Everything happens in your browser, so your pictures stay on your device.

In detail

Sprite atlases in practice

What an atlas is for

Every separate image a game draws costs the graphics card a change of texture. Packing many sprites into one image, the atlas, lets the engine draw them together, which runs faster and loads quicker than a hundred small files.

The packer fits sprites of different sizes together like a jigsaw, largest first, and writes down where each one ended up. Sprites are never rotated or scaled, so they look exactly as you drew them.

Settings that matter

  • Padding: 1 or 2 clear pixels between sprites stop one sprite’s edge from showing on its neighbour when the texture is scaled or filtered.
  • Trim empty edges: leaves out the clear border around each sprite. The data file records how much was removed, so the sprite still sits where it did.
  • Power-of-two size: rounds the sheet up to 256, 512, 1024 and so on. Modern engines rarely need it; some mobile and web targets still prefer it.
  • Names: each sprite is named after its file, without the extension, so name the files the way you want to refer to them in code.

Data files

JSON, frames by name is the layout TexturePacker made common. Phaser and PixiJS load it directly, and importers exist for Godot, GameMaker and most other engines. JSON, list of frames holds the same data as an ordered list.

Godot (.tres) writes one AtlasTexture file per sprite, named after it. Copy them into your project in one folder with the PNG and use any of them as a texture, on a Sprite2D for example. No importer plugin is needed, and trimmed sprites keep their original size.

Unity (.png.meta) is Unity’s own import file. Copy it into the project beside the PNG and the texture arrives sliced into named sprites, with point filtering and no compression, as pixel art needs.

Sprite Atlas Packer

Frequently asked questions

Are my images uploaded anywhere?

No. Everything runs in your browser, on your own device. Your images are never sent to Moriqa or anyone else, and nothing is kept after you close the page.

How do I make a sprite atlas?

Add your sprites, pick a padding and a data file, and download the ZIP. It contains the atlas image and its data.

How large can the atlas be?

Up to 4096 × 4096 pixels, a size every current device can load, and up to 1000 sprites. If the sprites do not fit, the tool says so.

Is this different from a sprite sheet?

A sprite sheet is usually a grid of equal frames for one animation. An atlas packs images of any size wherever they fit, and needs its data file to be read.

Why are my sprites not rotated to save space?

Rotated sprites pack a little tighter, but many importers do not support them. Leaving every sprite upright keeps the atlas readable everywhere.

Can I pack the frames of an animation?

Yes. Name the files in order, such as walk_01 and walk_02, and they keep those names in the data file. For a plain grid of equal frames, use Sprite Sheet to GIF instead and save as a sprite sheet.

Still drawing the sprites?

Open Moriqa’s pixel art editor to draw and animate them, then export sprite sheets for Godot, Unity and GameMaker. Free in your browser.