Создать GIF из изображений
Соберите GIF из упорядоченных изображений. Задайте общий холст, время каждого кадра, повторение, число цветов и дизеринг, затем проверьте анимацию.
Преобразовать GIF в спрайт-лист
Кадры сеткой · Файл координат
Изображения остаются на устройстве
Перетащите сюда изображения или ZIP-архив
Можно также вставить изображение или выбрать несколько сразу.
GIF
Настройки
Дополнительные настройки
Настройки экспорта
Кадрирование фото на документыЛокальное распознавание только предлагает кадр; перед экспортом его можно изменить.
Кадрирование этого изображения ещё не подтверждено.
Фон фото на документыНеобязательное локальное отделение человека от фона; исходник не отправляется.
Размеры
Готовый размерПопулярные размеры площадок
Выберите один или несколько размеров — для каждого изображения будут созданы все варианты.
Безопасное поле значка
Из одного макета создаются favicon, значки PWA и стандартные размеры для приложений вместе с manifest.
Область кадрированияПеретаскивайте рамку, чтобы менять её размер и положение
Поворот0°
Качество
Отступ с каждой стороныpx
Увеличить изображениеReal-ESRGAN · 2×
Выбрать цвет на изображении
Диапазон кадровОставьте конец пустым, чтобы обработать до последнего кадра.
Base64 увеличивает объём данных. Размер ввода ограничен для защиты памяти браузера.
Файлы
0 · 0 выбрано
Изображения пока не выбраны.
Об инструменте
Единая текстура удобна, когда сайт или игра самостоятельно управляют анимацией. Пакет содержит изображение и разметку; воспроизведение по координатам и времени нужно реализовать в вашем проекте.
Как пользоваться
Преобразовать GIF в спрайт-лист
Для каких задач подходит инструмент
Разместите кадры GIF в PNG с нужными столбцами и отступами. Экспортируйте координаты JSON, длительность кадров и позиции CSS.
Как пользоваться
Задайте столбцы и интервалы, чтобы последовательно собрать кадры GIF в один спрайт. Вместе создаётся карта координат для сайта или игры.
Результаты и дальнейшая обработка
Основное изображение сопровождают координаты, manifest или код. Полный ZIP сохраняет их связь.
Конфиденциальность и локальная обработка
Обработка выполняется в браузере. Этот инструмент не загружает исходные изображения.
Частые вопросы
Спрайт-лист проигрывается сам? Где указана длительность кадров?
PNG остается статичным. JSON содержит координаты, размеры и действующую после декодирования длительность каждого кадра; отсутствующая или нулевая длительность заменяется на 100 мс. CSS дает позиции фона. Воспроизведение должен реализовать сайт или игра. Большие листы также ограничены числом пикселей холста.
Поможет ли увеличение числа столбцов слишком большому атласу спрайтов?
Столбцы меняют соотношение ширины и высоты, но не уменьшают суммарные пиксели кадров. Если лимит всё ещё превышен, уменьшите размеры или число кадров в GIF-редакторе. Новые координаты используйте только с новым атласом.
Связанные инструменты
Откроется в новой вкладке
Комментарии
0