# Сборка спрайт-листа

> Упаковывает изображения в атлас и экспортирует координаты.

[Open tool](https://www.toolcabana.com/ru/image-sprite-sheet-maker) · [Изображения и фотография](https://www.toolcabana.com/ru/category/images-and-photography)

Tool ID: image-sprite-sheet-maker. Requested language: ru. Description language: ru. Complete guide translation: yes.

## Overview (en)

The Image sprite sheet maker packs multiple images into one PNG grid of square cells and exports a JSON file with each sprite's x, y, width and height. You set the number of columns from 1 to 20, a cell size from 8 to 1,024 pixels and a gap of up to 100 pixels between cells. Images are scaled to fit their cell while keeping aspect ratio.

## Supported tasks (ru)

Упаковывает изображения в атлас и экспортирует координаты.

## Steps (ru)

1. Выберите исходный файл. Если инструмент принимает несколько файлов, расположите их в нужном порядке.
2. Настройте основные параметры, затем откройте расширенный режим для экспорта и точной настройки. Пользовательские настройки остаются активными при закрытии панели.
3. Запустите «Сборку спрайт-листа», просмотрите результат и используйте доступные элементы копирования или скачивания.

## Settings

- Столбцы (ru; key: columns; type: number); minimum: 1; maximum: 20
- Размер квадратной ячейки (px) (ru; key: cell; type: number); minimum: 8; maximum: 1024
- Зазор между ячейками (px) (ru; key: gap; type: number); minimum: 0; maximum: 100

## Limitations (ru)

Изображения используют существующее ограничение холста в 32 мегапикселя. Там, где это поддерживается, допускается до 100 исходных изображений. Вставленный HTML ограничен 200 000 символов; диаграммы Mermaid — 20 000 символов и 300 строк. Для создания SVG и PNG требуется браузер.

## Privacy and connections (ru)

Эта операция обрабатывает исходные данные в вашем браузере. Копирование и скачивание выполняются только по вашему действию; входные данные не сохраняются в учётной записи или истории.

## Questions (ru)

### What does the sprite coordinates JSON contain?

The sprite-coordinates.json file has one entry per image, keyed by its position number and file name, such as 1-icon.png. Each entry gives the x and y offset of the sprite in the sheet and its drawn width and height in pixels.

### How are sprites positioned inside each cell?

Every image is scaled down or up to fit inside the square cell while keeping its aspect ratio, then drawn from the top-left corner of the cell. Non-square images therefore leave empty transparent space to the right or below.

### Why add a gap between sprites?

A gap of a few pixels keeps neighboring sprites from bleeding into each other when the sheet is scaled or filtered in a game engine or CSS. The gap is added after each cell, and the coordinates in the JSON already account for it.

### Где обрабатываются мои данные?

Эта операция обрабатывает исходные данные в вашем браузере. Копирование и скачивание выполняются только по вашему действию; входные данные не сохраняются в учётной записи или истории.

### Каковы ограничения входных данных?

Изображения используют существующее ограничение холста в 32 мегапикселя. Там, где это поддерживается, допускается до 100 исходных изображений. Вставленный HTML ограничен 200 000 символов; диаграммы Mermaid — 20 000 символов и 300 строк. Для создания SVG и PNG требуется браузер.

## Related tools

- [Image brightness and contrast editor](https://www.toolcabana.com/ru/image-brightness-and-contrast-editor)
- [Image comparison slider](https://www.toolcabana.com/ru/image-comparison-slider)
- [Image pixel difference checker](https://www.toolcabana.com/ru/image-pixel-difference-checker)
- [Photo contact sheet maker](https://www.toolcabana.com/ru/photo-contact-sheet-maker)