What does the "frame map" actually contain?

The coordinates and dimensions of each individual frame within the combined sprite sheet image, which game engines and animation code use to know where each frame is located.

Does it arrange frames in a specific order, or can I control the layout?

Frames are packed in a consistent, predictable arrangement matching the order you provide them.

What image formats can I use as input frames?

Standard image formats like PNG (recommended for transparency support) work well as individual frame inputs.

Does Sprite Sheet Generator upload my files to a server?

No. Sprite Sheet Generator runs entirely in your browser using on-device processing, your files never leave your device.

Sprite Sheet Generator

Pack a sequence of image frames into a single sprite sheet with a frame map.

Runs in your browser

Drop frame images here

Choose File

Columns

Padding between frames

Downloads both the PNG sprite sheet and a JSON frame map.

About this tool

Game development and some web animations need a sequence of individual image frames packed into a single sprite sheet with a frame map, since loading dozens of separate image files is much less efficient than one combined sheet. This tool packs a sequence of image frames into a single sprite sheet with a frame map, giving you the combined asset game engines and animation code actually expect.

Frequently asked questions

Image Sequence to Video

Turn a sequence of images into a video slideshow.

Image Splitter

Cut an image into a grid of equal pieces for carousel posts.

File Converter

Convert data files between CSV, JSON and TSV.

Hot

JSON Formatter

Format, validate and minify JSON.

Base64 Converter

Encode or decode text and files as Base64.

Base32 Encoder/Decoder

Encode or decode text as Base32.

ULID Generator

Generate sortable, timestamp-based ULIDs.

Semver Parser/Comparator

Parse and compare two semantic version numbers.

.env File Parser/Validator

Parse a .env file and flag duplicate keys, missing values and invalid names.

Markdown Table Generator

Build a Markdown table with a spreadsheet-style editor.

CSS Grid Generator

Visually build a CSS Grid layout and copy the code.

CSS Flexbox Generator

Visually build a CSS Flexbox layout and copy the code.

PDF Tools

Merge, split, compress and convert PDF files.

Image Tools

Compress, resize, crop and convert images.

Link & QR Tools

Shorten links and generate QR codes and barcodes.

Audio Tools

Convert audio files and turn text into speech, or speech into text.

Video Tools

Compress and process video files, right in your browser.

SEO & Web Tools

Meta tags, sitemaps, schema markup and other on-page SEO utilities.

Data & Spreadsheet Tools

Clean, convert and inspect CSV, TSV and tabular data.

File Tools

Archive, inspect and convert files, right in your browser.

Business Tools

Invoices, quotations, receipts and other business documents.

Social Media Tools

Resize images for social platforms, count hashtags and preview posts.