Собрать атлас иконок для сайта или игры
Оптимально упакованный растр и JSON/CSS координат каждой иконки с padding.
Можно перетащить файлы сюда
PNGJPGWebP
Один файл до 10 МБ; изображение до 12 мегапикселей.
Для обработки данные передаются нашему серверу. Временные рабочие файлы удаляются; история файлов не создаётся.
Как пользоваться
Загрузите иконки и выберите отступ. В ZIP находятся atlas.png и atlas.json. Используйте координаты из JSON вместо ручного вычисления; порядок файлов отражён в именах областей.
Сверьте количество областей, отсутствие перекрытий и читаемость прозрачных краёв.
- Загрузите иконки и выберите отступ. В ZIP находятся atlas.png и atlas.json. Используйте координаты из JSON вместо ручного вычисления; порядок файлов отражён в именах областей.
- Сверьте количество областей, отсутствие перекрытий и читаемость прозрачных краёв.
- Скачайте результат под новым именем и сохраните исходный файл до окончательной проверки.
Пример
Практический пример: Собрать атлас иконок для сайта или игры
Две иконки с отступом 2 пикселя
Загрузите иконки и выберите отступ. В ZIP находятся atlas.png и atlas.json. Используйте координаты из JSON вместо ручного вычисления; порядок файлов отражён в именах областей.
PNG-атлас и координаты двух областей
Форматы и ограничения
Атлас помещает несколько картинок в общий PNG и записывает их координаты. Отступ нужен, чтобы при масштабировании соседний рисунок не попадал на край спрайта. Координаты необходимо передать движку сайта или игры. На входе: PNG, JPG, WebP. Форматы результата: PNG, JSON, ZIP.
- На входе
- PNG, JPG, WebP
- Результат
- PNG, JSON, ZIP
Оптимально упакованный растр и JSON/CSS координат каждой иконки с padding.
- Один файл до 10 МБ; изображение до 12 мегапикселей.
- Для пакетного редактора допускается до 20 файлов; отдельные сценарии имеют меньший предел.
- Обработка на сервере: файл нужен для выбранной операции и не попадает в историю.
Сверьте количество областей, отсутствие перекрытий и читаемость прозрачных краёв.
Для выбранной операции данные передаются нашему серверу. Временные рабочие файлы удаляются после обработки; история пользовательских файлов не создаётся.
Для выбранной операции данные передаются нашему серверу. Временные рабочие файлы удаляются после обработки; история пользовательских файлов не создаётся.
Вопросы об инструменте
Какие исходные данные принимает «Собрать атлас иконок для сайта или игры»?
Поддерживаются: PNG, JPG, WebP. Один файл до 10 МБ; изображение до 12 мегапикселей.
Что получится после обработки в «Собрать атлас иконок для сайта или игры»?
Оптимально упакованный растр и JSON/CSS координат каждой иконки с padding. Форматы результата: PNG, JSON, ZIP.
Как проверить результат этой операции?
Сверьте количество областей, отсутствие перекрытий и читаемость прозрачных краёв.
Какой пример помогает начать работу?
Две иконки с отступом 2 пикселя. Загрузите иконки и выберите отступ. В ZIP находятся atlas.png и atlas.json. Используйте координаты из JSON вместо ручного вычисления; порядок файлов отражён в именах областей. Ожидаемый результат: PNG-атлас и координаты двух областей.
Какие ограничения нужно учитывать?
Один файл до 10 МБ; изображение до 12 мегапикселей. Для пакетного редактора допускается до 20 файлов; отдельные сценарии имеют меньший предел. Обработка на сервере: файл нужен для выбранной операции и не попадает в историю.
Где обрабатываются данные и сохраняется ли история?
Для выбранной операции данные передаются нашему серверу. Временные рабочие файлы удаляются после обработки; история пользовательских файлов не создаётся.