Создать GIF
Превратите несколько картинок в анимированный GIF. Расставьте их по порядку, выберите, как долго показывается каждая и какого размера будет GIF, посмотрите предпросмотр и скачайте результат.
Ваши файлы никогда не покидают устройство
Перетащите сюда два или больше изображений
PNG, JPG, WebP, GIF, BMP или AVIF. Или перетащите их в любое место этой страницы.
Открывается на этом устройстве. Ничего не загружается.
1000 мс — это одна секунда. Минимальная задержка — 20 мс.
Высота рассчитывается по первой картинке:
Предпросмотр
От 2 до 60 изображений, каждое до 50 МБ. Ширина GIF — до 1 200 пикселей, а все кадры имеют форму первой картинки. В кадре GIF может быть не больше 256 цветов, поэтому на фотографиях заметна ступенчатость, а прозрачности нет: прозрачные области заполняются цветом фона. У добавленных анимированных изображений используется первый кадр.
Как создать анимированный GIF
- Выберите два или больше изображений либо перетащите их на страницу. Кнопками вверх и вниз задайте порядок.
- Задайте задержку между кадрами и ширину, выберите, как вписывать картинки разной формы. Посмотрите предпросмотр.
- Нажмите Создать GIF, проверьте результат и скачайте его.
Как устроен анимированный GIF
GIF — это стопка обычных картинок, которые показываются одна за другой. У каждого кадра есть собственная небольшая таблица цветов (не более 256) и задержка — время в сотых долях секунды до появления следующего кадра. Параметр повтора в начале файла сообщает программе просмотра, повторять анимацию бесконечно или остановиться после одного прохода. Сжатия, как у видео, здесь нет: каждый кадр хранится целиком, упакованный простым способом без потерь, поэтому GIF-файлы так быстро становятся большими.
Чтобы сделать GIF из фотографий, нужно выбрать 256 цветов, которые лучше всего передают каждую картинку, а затем заменить каждый пиксель ближайшим из них. Инструмент делает это для каждого кадра отдельно с помощью кодировщика gifenc с открытым исходным кодом, предварительно нарисовав все картинки в одном размере, чтобы кадры совпадали. Размер определяется выбранной вами шириной и пропорциями первой картинки, а остальные картинки вписываются в него, обрезаются по его размеру или растягиваются — в зависимости от вашего выбора.
Картинки читаются по одной, пока записывается GIF, поэтому длинный список больших фотографий не обязан целиком помещаться в памяти. Предпросмотр над кнопкой воспроизводит те же кадры в уменьшенном размере, чтобы вы могли оценить порядок, скорость и то, как картинки вписываются в кадр, прежде чем создавать файл. Его можно поставить на паузу одной кнопкой, а если в вашей системе включено уменьшение движения, он запускается уже на паузе.
Советы
- Делайте GIF коротким: нескольких секунд при 10 кадрах в секунду вполне достаточно, а чем меньше кадров и чем они мельче, тем легче файл.
- Сначала приведите картинки к одной форме с помощью «Обрезать изображение» или уменьшите большие фото в «Изменить размер изображения».
- Нужна одна картинка вместо анимации? «Объединить изображения» соединяет их в ряд или в сетку.
Вопросы и ответы
Загружаются ли мои изображения?
Нет. Картинки рисуются, а GIF собирается прямо в вашем браузере — кодировщиком gifenc с открытым исходным кодом. Ничего не отправляется на сервер.
Как ускорить или замедлить анимацию?
Измените задержку между кадрами в миллисекундах: 1000 — это одна секунда, а 100 — десять кадров в секунду. Самая короткая задержка — 20 мс, потому что при меньших значениях браузеры воспроизводят анимацию гораздо медленнее, чем задано.
Почему мой GIF выглядит зернистым или с полосами?
В кадре GIF может быть не больше 256 цветов, поэтому на фотографиях и плавных градиентах появляются ступенчатые переходы. Инструмент подбирает лучшие 256 цветов для каждого кадра отдельно, так что каждый кадр получается как можно ближе к своей картинке в рамках возможностей формата. Лучше всего выглядят плоская графика и скриншоты.
Почему мой GIF такой большой?
GIF плохо сжимается и хранит каждый кадр целиком, поэтому размер растёт вместе с шириной, высотой и числом кадров. Чтобы уменьшить его, выберите меньшую ширину, меньше изображений или меньше цветов в кадре.
Что происходит с картинками разных размеров или форм?
Все кадры имеют форму первой картинки. Вариант Вписать показывает каждую картинку целиком и заполняет свободное место цветом фона, Заполнить с обрезкой закрывает весь кадр и обрезает то, что выступает за него, оставляя центр, а Растянуть подгоняет каждую картинку под размер кадра, сжимая или растягивая её.
Сохраняется ли прозрачность?
Нет. В GIF прозрачным можно сделать только один цвет, поэтому инструмент заполняет прозрачные области выбранным вами цветом фона. Так каждый кадр везде выглядит одинаково.
Что делает параметр «Воспроизводить вперёд, затем назад»?
После последнего кадра те же кадры добавляются в обратном порядке, без повтора первого и последнего, поэтому анимация плавно идёт туда и обратно, а не перескакивает обратно к началу.