Image tool · 100% free

Sprite Sheet Generator

Pack many images into a single sprite sheet and get a JSON coordinate map alongside it. One HTTP request instead of fifty is still one of the most effective front-end performance wins available. It is free, needs no account, and adds no watermark to your result.

Built for: sprite sheet generator

Deleted as soon as you download itFree · fair-use only

Drop image files herePNG · JSON · ZIP output · up to 100 files

ColumnsGap px

Included in this tool

Image packingGrid layoutCoordinate JSONTransparent PNG

When you need this

What people use it for.

Combining UI icons into one sheet to cut page requests

Building a texture atlas for a game engine or canvas animation

Bundling animation frames into a single asset

How it works

What happens to your file.

Images are packed into one sheet and a JSON map is produced giving each source image its name, position and dimensions, so you can address any sprite by offset in CSS or code.

What this tool includes

Everything you need, without a paywall.

Image packing

Grid layout

Coordinate JSON

Transparent PNG

Questions

Common questions.

What is the JSON map for?

It gives the x, y, width and height of every packed image, which is what you feed to CSS background-position or a game engine's atlas loader.

Is transparency preserved?

Yes, when the sheet is exported as PNG. Source transparency carries through to the packed result.

Does this still matter with HTTP/2?

Less than it once did, but it still reduces request overhead and is standard practice for game texture atlases.

Related free tools

You might also need.

212

Image Splitter

Split an image into rows and columns and download the resulting tiles individually or as a ZIP.

104

Favicon Generator

Generate common favicon sizes and an ICO file from a source image for websites and web apps.

108

Contact Sheet Maker

Create printable contact sheets from many images with thumbnails, filenames, rows, columns and page margins.

086

PNG to WebP

Convert PNG images to WebP while preserving alpha transparency and controlling output quality.