toolsko

Choose your language

ToolsKo is written in English. Prefer another language? Open a translated version of this public page.

Browser language suggestion: English. You can choose any language below.

Translation opens in a new tab using Google Translate. It receives this public page URL. Automatic translations may contain mistakes; use the original English page for tool inputs, downloads, and generated documents.

Your choice is remembered on this browser when storage is available. Use Language in the header to change it.

Sprite Sheet Maker

Combine icons or game frames into a PNG atlas with exact JSON coordinates.

Tool inputs stay in your browser · optional AI search sends your query

Loading tool…

Good to know: Processes JPG, PNG and WebP files on your device only. No image is uploaded. Maximum 24 files, 10 MB each, 40 MB total; each decoded image and output are limited to 12 megapixels, with output sides at most 4096 pixels. Animated images are not supported. Your originals stay unchanged. Frame coordinates use the full cell, including transparent padding.

How to use it (step by step)

  1. 1Choose up to 24 images in file order.
  2. 2Set columns, cell size and padding. Images fit inside each cell without cropping.
  3. 3Create the sheet, then download the PNG and JSON frame map.

Words to know

JPG, PNG, WebP
Picture file types. JPG is best for photos, PNG for graphics and see-through backgrounds, WebP is newer and smaller.
Frame
One single picture of a video. Videos show about 30 frames every second.
JSON
A common text format apps use to store and send data, made of names and values in { } brackets.
Sprite sheet / atlas
One picture containing many smaller images. A frame map lists the exact position and size of each one.
Resolution / pixels
A picture is made of tiny dots called pixels. 1080×1920 means 1,080 dots wide and 1,920 tall.
Data storage units
Sizes of digital files: 1 KB ≈ a short text, 1 MB ≈ a photo, 1 GB ≈ a movie. 1 GB = 1,000 MB (or 1,024 in computer counting).

More in Design & Color

Color Harmony Palette GeneratorGenerate complementary and analogous HSL colors from a hex base.Color Blend CalculatorMix two hex colors at a chosen proportion.Print Size & DPI CalculatorFind print dimensions from pixel size and desired DPI.Screen Pixel Density CalculatorCalculate PPI and physical size from resolution and diagonal.CSS Border Radius GeneratorSet independent corner radii and copy the CSS declaration.Photo Contact SheetMake a numbered proof sheet of photos with filenames, without cropping.