Конструктор анимированных GIF

Создайте анимированный GIF из изображений в браузере. Меняйте порядок кадров, задайте задержку, число повторов, ширину и фон, затем просмотрите и скачайте.

Перетащите изображения сюда или нажмите, чтобы выбрать
Можно также вставить изображение из буфера обмена (Ctrl+V / ⌘V)

Работает полностью в вашем браузере. Ваши данные никуда не загружаются.

Что такое Создание GIF?

Инструмент превращает серию неподвижных изображений в анимированный GIF. Добавляйте кадры, перетаскивая, выбирая или вставляя изображения, меняйте их порядок или удаляйте, задавайте задержку на кадр, повтор анимации — бесконечно, один раз или заданное число раз, ширину результата и способ вписывания кадров другой формы.

Как пользоваться Создание GIF

  1. Перетащите, выберите или вставьте два или более изображений; они станут кадрами в этом порядке.
  2. Меняйте порядок кнопками со стрелками или удаляйте кадры значком ✕.
  3. Задайте Задержка кадра, Ширина GIF (px, макс. 1024), Повтор, способ вписывания Кадры другой формы и Цвет фона.
  4. Нажмите Создать GIF, просмотрите анимацию и скачайте animation.gif.

Пример

Ввод
Two 40×20 PNG frames, default settings
Вывод
40×20 animated GIF (file starts with GIF89a) with 2 frames, 500 ms each, looping forever

Когда использовать Создание GIF

Используйте для простых анимаций, пошаговых инструкций, демонстраций продуктов или мемов из нескольких изображений. GIF ограничен 256 цветами на кадр, а файлы быстро растут, поэтому для длинных или фотографических анимаций видеоформат (MP4/WebM) обычно намного меньше.

Как работает Создание GIF

Каждый кадр масштабируется до размера результата (высота следует соотношению сторон первого кадра), вписывается с полями или обрезкой и накладывается на цвет фона. Затем он квантуется до палитры из 256 цветов и кодируется LZW библиотекой gifenc. Задержка хранится для каждого кадра в сотых долях секунды, а число повторов записывается в расширении приложения NETSCAPE2.0 (0 = бесконечно).

Распространенные Случаи Использования

  • Анимировать последовательность скриншотов интерфейса для инструкции.
  • Создать зацикленную карусель изображений товара.
  • Сделать простую покадровую анимацию из рисунков.
  • Объединить фото в короткую анимированную открытку.

Примечание по Безопасности

Изображения декодируются, обрабатываются и кодируются локально в вашем браузере через Canvas API. На сервер ничего не загружается.

Часто Задаваемые Вопросы

Сколько кадров можно добавить?

До 200 кадров при максимальной ширине результата 1024 px. Большие GIF дольше кодируются и дают крупные файлы.

Почему на моих фото видны полосы?

GIF хранит не более 256 цветов на кадр, поэтому плавные градиенты приближаются. Это ограничение самого формата GIF.

Сохраняется ли прозрачность?

Нет. Кадры помещаются на выбранный вами цвет фона, что избавляет от зазубренных краёв 1-битной прозрачности GIF.

Другие категории