Как сделать GIF из фото или короткого видео

Чтобы сделать GIF, соберите кадры: неподвижные фото в нужном порядке или короткий видеоролик. Затем выберите ширину, частоту кадров и настройку повтора и экспортируйте файл. Делайте GIF коротким и узким. Каждый кадр в GIF хранится как отдельное изображение, поэтому размер файла определяют количество кадров и их размер в пикселях. Сравнение Ezgif, GIPHY и CloudConvert — обзор онлайн-сервисов, которые превращают видео в GIF.

Создание GIFНужен GIF из фото или видеоСделать бесплатно

Что GIF умеет и чего не умеет

Формат GIF задаёт несколько жёстких ограничений, которые определяют всё остальное.

• 256 цветов на кадр. Таблица цветов каждого кадра содержит не более 256 записей, и каждый пиксель ссылается на одну из них. Фото с множеством тонких оттенков приходится сводить к этим 256.
• Без звука. В спецификации GIF описаны блоки для изображений, управления кадрами, комментариев, текста и данных приложений. Звука там нет. GIF, сделанный из видеоролика, воспроизводится без звука.
• Время кадров в сотых долях секунды. Задержка каждого кадра хранится в единицах 1/100 s, поэтому кадр может длиться 0.10 s или 0.50 s, но не 0.123 s.
• Повтор. Исходный формат проигрывает анимацию один раз. Зацикливание появилось благодаря широко используемому расширению Netscape, и почти все программы просмотра теперь поддерживают счётчик повторов, где ноль означает бесконечный повтор.
• Сжатие. Данные изображения сжимаются алгоритмом LZW, который лучше всего работает на однотонных участках одного цвета и хуже всего на шуме и мелкой текстуре.

Почему GIF получаются большими

Каждый кадр хранится отдельно, как изображение, со своими пикселями. GIF из 30 кадров содержит 30 картинок, а не одну картинку и набор изменений. Сжатие LZW уменьшает размер каждого кадра, но не может ужать кадр, полный шумных деталей, например фото травы или толпы.

Размер задают три параметра, которые выбираете вы:

• Ширина и высота: количество пикселей в каждом кадре.
• Частота кадров: количество кадров в секунду.
• Длина: количество секунд.

Общее количество кадров равно частоте кадров, умноженной на длину. Ролик длиной 3 секунды при 10 кадрах в секунду содержит 30 кадров.

Для примера: кадр размером 480 × 270 пикселей содержит 129,600 пикселей. При одном байте на пиксель, до сжатия, это 129,600 байт на один кадр. Тридцать таких кадров составят около 3.9 MB до того, как LZW их ужмёт. Если удвоить ширину и высоту до 960 × 540, пикселей в кадре станет в четыре раза больше, и те же 30 кадров до сжатия будут примерно в четыре раза больше. Удвоение частоты кадров или длины увеличивает количество кадров. Каждый из трёх параметров умножает размер файла. Ширина обходится дороже всего, потому что умножает количество пикселей в каждом кадре.

Выберите ширину, частоту кадров и длину

Начните с наименьшей ширины, на которой ещё видно главное. GIF, который показывают на экране телефона, не нуждается в большом кадре. Уменьшайте ширину в первую очередь.

Частота кадров задаёт плавность. Медленное движение, например струя, которую наливают, или медленный поворот, выглядит нормально при низкой частоте. Быстрое движение, например прыгающий мяч, требует больше кадров, чтобы выглядеть плавно, а каждый лишний кадр добавляет размер.

Держите длину небольшой. Лучше всего GIF работает как зацикленный фрагмент длиной в несколько секунд. Для более длинного материала лучше подойдёт короткое видео: видеокодеки созданы для того, чтобы сжимать движение между кадрами гораздо эффективнее, чем кадры GIF с 256 цветами и сжатием LZW.

Если результат слишком большой, сначала уменьшите ширину, затем количество кадров, потом длину. Инструмент «Сжатие изображения» работает с JPG, PNG и WebP, поэтому сожмите очень большие фото до того, как собирать из них GIF.

Если кадры уже есть в видеоролике, инструмент «Видео в маленький GIF» начинает с ролика и обрезает его до нужной длины, так что не нужно вручную экспортировать кадры.

Добавьте текст перед экспортом

Если GIF нужна подпись, добавьте её на каждый кадр до того, как соберёте кадры вместе. Инструмент «Добавить текст на фото» размещает текст на картинке с цветом, обводкой или подложкой за ним. Подложка делает текст читаемым, когда фон меняется от кадра к кадру. Поставьте текст на одно и то же место на каждом кадре, чтобы он не прыгал.

Дизеринг и полосы

Когда плавный градиент, например небо, сводится к 256 цветам, переходы между оттенками могут проявиться полосами. Дизеринг этого избегает: он разбрасывает пиксели двух соседних цветов, и глаз воспринимает промежуточный оттенок.

Самый известный метод — дизеринг Флойда — Штейнберга, опубликованный в 1976 году Робертом Флойдом и Луисом Штейнбергом. Он распределяет ошибку каждого пикселя на его ещё не обработанных соседей с весами 7/16, 3/16, 5/16 и 1/16. Его обычно выбирают, когда полноцветное изображение переводится в ограниченную палитру, например 24-битный PNG в GIF.

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

Сделайте зацикливание плавным

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

Быстрые ответы

Может ли в GIF быть звук? Нет. Добавьте звук отдельно или используйте короткое видео.

Почему мой GIF в полосах? Это полосатость из-за перехода цветов: плавный градиент сведён к 256 цветам. Дизеринг может помочь, но увеличит размер файла.

Почему мой GIF рывками? Частота кадров низкая или кадры меняются скачком. Повысьте частоту кадров, если файл это выдержит, или сократите ролик и проверьте каждый кадр на большой скачок.

Работает ли инструмент в браузере? Да. Фото и видео остаются на вашем устройстве, пока создаётся GIF.