Sprite Sheet Generator — Numbered SVG Grid

A sprite sheet is a single image that holds many small images (frames) arranged in a grid. Game engines and animation libraries fetch one image and slice it at runtime. Generating a template first means you know the exact pixel coordinates for each frame before you start drawing — no surprise misalignments later.

Frames are numbered left-to-right, top-to-bottom, starting at 0. That matches the index convention used by Phaser, Pygame, Unity, Godot, and almost every other 2D engine, so the numbers in the template map directly to your code.

Gap inserts a few pixels of padding between cells. This is great for pixel-art sprites where you want to avoid bleed-through between adjacent frames when the engine samples pixels at the edges. Set gap to 0 for a packed sheet (fewer wasted bytes) or 1–4 for a safety margin.

Yes — both apps import SVG. You will see the numbered grid as a reference layer, then paint each frame inside its cell. When you export the final PNG sheet, the numbered template layer can be hidden so it does not show up in your game.

Up to 20 × 20 cells (400 frames), with cell sizes from 8 × 8 up to 512 × 512 pixels. That covers everything from tiny 8-bit avatars to high-resolution UI icon sheets and small animation cycles. For larger sheets, generate two templates and tile them.

Server-side editors run on dedicated CPUs and GPUs with native code paths and parallel workers. Our engine uses the HTML5 Canvas API running single-threaded inside your browser tab, which is typically 2–5× slower than a backend pipeline. The trade-off is total privacy: your image is never uploaded, never logged, never stored on a third-party server. Closing the tab erases everything from memory immediately. For most photos, screenshots, and graphics the wait is small, and for sensitive material — work documents, ID scans, private photos — the privacy gain is well worth the few extra seconds.

No. Everything runs entirely inside your browser tab using the HTML5 Canvas API and JavaScript. The file is decoded into local memory only, processed in the same tab, and the result is offered as a direct download. Nothing is transmitted to any server, no account is required, no analytics are tied to your file, and closing the tab discards every byte from memory.

Up to 25MB and roughly 64 megapixels by default. The limit exists because every pixel needs to fit inside your tab's memory. Most phone photos, screenshots, and design exports sit comfortably under that ceiling. If your image is larger, resize or compress it first (try our Resize Image or Compress Image tools) before re-running the effect.

JPG, PNG, WebP, GIF, BMP, AVIF, HEIC, and most other formats your browser can decode natively are supported. Output is typically PNG (lossless, preserves transparency) or JPG (smaller file size for photos). Some tools expose a format picker so you can match the file type your downstream app expects.

PNG output is lossless — every pixel the canvas wrote out is encoded exactly as drawn. JPG output is recompressed (visually near-lossless above 85% quality). The effect itself works on raw pixels, so there is no double-encoding penalty as long as you keep the default PNG output.

Recent Chrome, Edge, Firefox, Safari, and other Chromium-based browsers all work. The tool only relies on the standard HTML5 Canvas API, which has been universally supported for over a decade. Mobile browsers work too, although large images may take noticeably longer because phone CPUs are weaker than desktop CPUs.

No. The tool is completely free, requires no account, attaches no watermark, applies no rate limits, and shows no popup ads on your output. The download is the file you would get from running the same canvas operation locally — nothing more, nothing less.

Sprite Sheet Generator can be used for personal and commercial work alike — there is no separate "business" licence to purchase. The output you generate is yours to use however you want, including in client deliverables, internal documents, or commercial products. Favtoo's only ask is fair, individual use; the tool is not designed to be embedded as a backend service or wrapped behind an API for resale.

Sprite Sheet Generator processes one input at a time by design — it keeps memory usage predictable on lower-end devices and makes results easier to verify. To handle a folder, run the tool once per file; the page stays loaded between runs and remembers your last-used settings, so the second run is essentially instant.

Sprite Sheet Generator is a browser-only tool by design and does not expose a hosted API. The reason is the same as the privacy story: there is no Favtoo backend doing the work, so there is no service to call. If you need to script the same transformation, the underlying engine (standard browser APIs) is open-source and can be used directly from your own code.

Sprite Sheet Generator is built to preserve quality wherever the underlying image format allows it. Operations that are mathematically lossless (e.g. structural transformations, lossless re-encoding) round-trip with no perceptible change. Operations that involve a lossy codec inevitably introduce small artefacts at the byte level, but the defaults aim at the sweet spot where output looks or sounds the same to a normal viewer or listener while still being meaningfully smaller or faster than the input.

Sprite Sheet Generator is a static page running an open-source engine in your browser, so a typical corporate firewall does not get in the way as long as it allows JavaScript to load from Favtoo. For teams that need to host it themselves on an internal network, the underlying engine (standard browser APIs) is open-source and can be packaged into a private build with the same behaviour. Reach out via the Contact page if that is something you are exploring.

Most jobs finish in seconds. Speed scales with input size and with how many CPU cycles your browser tab has available — the engine runs in your browser, so it shares resources with whatever else you have open. For inputs near the 0 MB ceiling, expect anywhere from a few seconds to roughly a minute on a typical laptop. Closing other heavy tabs noticeably speeds things up.

No installation is needed. Sprite Sheet Generator runs as a normal web page, with no browser extension, no native helper, and no separate desktop client to download. That is partly a privacy choice — extensions can request broad permissions, while a regular page is sandboxed by default — and partly a convenience one: you can use Sprite Sheet Generator on any computer you have temporary access to without leaving anything installed on it.