Превратите набор картинок в анимированный GIF, сами выбрав порядок кадров, тайминг, размер, цвета и зацикливание — GIF собирается в вашем браузере, поэтому изображения не покидают устройство.
Создание GIF онлайн
Превратите набор картинок в анимированный GIF, сами выбрав порядок кадров, тайминг, размер, цвета и зацикливание — GIF собирается в вашем браузере, поэтому изображения не покидают устройство.
Картинки декодируются, раскладываются и сжимаются в этой вкладке, а готовый GIF — файл, созданный на вашем устройстве. Ничего не загружается.
Этот инструмент собирает картинки в анимацию, которую можно отправить в чат, вставить в README или приложить к письму. Добавляйте изображения перетаскиванием, выбором сразу нескольких файлов или вставкой и расставляйте их по порядку на ленте кадров. Каждый кадр может сохранить общую задержку или получить свою, а ширина результата повторяет форму первой картинки — остальные вписываются в неё без растягивания. Выберите, сколько раз анимация повторяется, сколько цветов можно использовать, нужен ли дизеринг и нужно ли проигрывать её в обратном порядке или «туда и обратно». Живой предпросмотр идёт с реальной задержкой кадров ещё до кодирования. Сам GIF строится на одной общей палитре, сжимается кадр за кадром и предлагается к скачиванию с указанием размера, числа кадров и длительности.
Возможности
Добавление картинок перетаскиванием, выбором сразу нескольких файлов или вставкой; кадры можно переставлять, дублировать и удалять
Общая задержка в миллисекундах или в кадрах в секунду и отдельное значение для любого кадра
Ширина результата до 1000 px, соотношение сторон берётся из первого кадра
Бесконечный повтор («Loop forever») или заданное число повторов, плюс режимы «Reverse order» и «Ping-pong»
256, 128, 64 или 32 цвета и необязательный дизеринг, скрывающий полосы на градиентах
Цвет фона или прозрачный GIF для картинок с прозрачными областями
Живой предпросмотр с реальными задержками кадров до создания файла
Анимированный GIF, добавленный в инструмент, раскладывается на кадры, чтобы можно было изменить тайминг или пустить его в обратном порядке
Как использовать Создание GIF
Перетащите или вставьте картинки, затем расставьте кадры в нужном порядке кнопками со стрелками
Задайте задержку или число кадров в секунду, ширину результата, зацикливание и число цветов
Посмотрите предпросмотр, при необходимости измените задержку отдельного кадра и нажмите «Create GIF»
Проверьте размер и число кадров, затем скачайте готовый .gif
Пример
Ввод
6 pictures · 480 px wide · 100 ms a frame · loop forever · 256 colours with dithering
Типичное слайд-шоу в GIF: шесть фотографий по одной десятой секунды, повтор бесконечный.
Частые ошибки и устранение неполадок
GIF получился намного больше, чем ожидалось. — Размер растёт вместе с шириной, высотой и числом кадров. Выберите меньшую ширину, переключитесь на 128 или 64 цвета, отключите дизеринг или возьмите меньше кадров. Хуже всего сжимаются фотографии; плоская графика сжимается гораздо лучше.
На цветах видны полосы или крапинки. — В GIF не больше 256 цветов. Включите дизеринг, чтобы градиенты стали плавнее, ценой большего файла, либо отключите его — тогда однотонные области получатся чистыми, а файл меньше.
Анимация идёт медленнее заданной задержки. — GIF хранит время в сотых долях секунды, а браузеры проигрывают любой кадр короче 20 мс как 100 мс. Задавайте 20 мс или больше — это примерно 50 кадров в секунду максимум.
Вокруг некоторых кадров появились пустые полосы. — Картинки, форма которых отличается от первого кадра, вписываются в него без растягивания, поэтому оставшаяся область заливается цветом фона. Поставьте первой картинку нужной формы или обрежьте остальные под неё.
Часто задаваемые вопросы
Сколько цветов может быть в GIF и что это значит для фотографий?
В палитре GIF не больше 256 цветов, и здесь она общая для всех кадров. В фотографии тысячи оттенков, поэтому на плавных участках неба и кожи могут проявиться полосы или зернистый дизеринг. Логотипы, скриншоты и рисунки с плоскими цветами выглядят почти без изменений.
Как уменьшить размер GIF, созданного в этом инструменте?
Больше всего экономит меньшая ширина, затем меньшее число кадров, затем меньшее число цветов. Помогает и отключение дизеринга: точки дизеринга плохо сжимаются. Инструмент показывает итоговый размер и предупреждает, если результат превысит примерно 10 МБ.
Чем отличаются задержка кадра и частота кадров (FPS) при создании GIF?
Это один и тот же параметр, выраженный двумя способами. Задержка 100 мс равна 10 кадрам в секунду, а 40 мс — 25. Пользуйтесь тем, что проще, — второе значение показано рядом. Отдельный кадр может переопределить общую задержку, если ему нужно задержаться на экране подольше.
Как работает зацикливание GIF и как сделать, чтобы он проигрался только один раз?
«Loop forever» повторяет анимацию, пока страница не закрыта. «Play N times» останавливает её после заданного числа проигрываний, а значение 1 записывает GIF без команды повтора, поэтому он проигрывается один раз и останавливается на последнем кадре. «Reverse order» и «Ping-pong» меняют порядок, в котором проигрываются кадры.
Можно ли сделать прозрачный GIF?
Да. Включите «Transparent», и каждый пиксель, который на вашей картинке в основном прозрачен, останется прозрачным в GIF. Прозрачность в GIF — это «включено» или «выключено» для каждого пикселя, поэтому мягкие края превращаются в резкие, а под прозрачность резервируется одна ячейка палитры.
Что лучше сделать из картинок — GIF или видео?
GIF проигрывается везде без плеера, но он велик и ограничен 256 цветами. Для ролика с большим количеством движения или большой продолжительности видео получится гораздо меньше. Если видео уже есть, инструмент «Видео в GIF» вырежет из него фрагмент.
Связанные инструменты
Видео в GIF — Превратите фрагмент видео в оптимизированный анимированный GIF в браузере — ничего не загружается.
GIF в видео — Конвертируйте анимированный GIF в MP4 или WebM для меньшего размера и удобного обмена в браузере.
Изменение размера изображений — Меняйте размер фото в пикселях или процентах, по пресету или длинной стороне — пакетом, со скачиванием ZIP.