Видеоисточник или набор статичных картинок?
Одиночный видеоклип идёт прямым путём из видео в GIF, а покадровые съёмки и подготовленные стопки кадров собираются из статичных картинок одного размера.
Elysia Tools
Навигация
Workflow Playbook
Соберите анимированный GIF из видеоклипов или статичных картинок, срежьте вес уменьшением палитры, масштабированием и сжатием, затем настройте скорость воспроизведения и цикличность, пока файл не уложится в бюджет доставки.
Темы
GIF хранит каждый кадр как полноценный растр с палитрой, поэтому ничто не влияет на размер файла сильнее, чем количество кадров. Прежде чем трогать цвета или размеры, решите, чего движению действительно нужно — дискретизации клипа с фиксированным интервалом, вручную выбранного набора отметок времени или только первого отрезка записи. Один раз осознанно выбранный шаг выборки ценнее, чем трижды перекодировать одну и ту же перекормленную анимацию.
Одиночный видеоклип идёт через прямую конвертацию, которая применяет настройки, учитывающие сжатие, прямо во время сборки анимации. Покадровые съёмки и подготовленные стопки кадров идут другой дорогой, монтируясь из статичных картинок одного размера через пути PNG, JPEG, TIFF или WebP — и именно путь WebP принимает уже анимированный источник, когда нужно пересобрать, а не переснять. Выровняйте размеры кадров до сборки, потому что неодинаковые входы рано или поздно оборачиваются неожиданными полями или обрезками.
Разобрать готовый GIF обратно на кадры — самая дешёвая проверка из всех, что вы будете выполнять. Почти-дубликаты, добавляющие вес без движения, полосы палитры поперёк градиента и прозрачность, мерцающая от кадра к кадру, видны по одному и почти невидимы при воспроизведении. Исправить их сейчас — значит перезапустить один шаг; исправить после доставки — значит объяснять их вместо этого.
Вес снижается через глубину палитры, размеры в пикселях и сжатие, в такой стратегической последовательности. Уменьшение цветов решает, как контент будет выглядеть везде, где он проигрывается; масштабирование к реальной ширине показа убирает пиксели, которые никто никогда не отрисует; сжатие финальным проходом выжимает то, что оставили первые два рычага. Относиться к сжатию как к единственному рычагу — верный способ получить анимацию, изуродованную в полном размере, вместо аккуратной в правильном.
Скорость и цикличность — это решения, а не значения по умолчанию. Задержка кадров задаёт темп, а число повторов определяет, крутится ли анимация вечно, повторяется фиксированное количество раз или останавливается после одного прохода — эти значения стоит зафиксировать вместе с файлом. А когда контенту действительно нужны градиенты или мягкая прозрачность, которые палитра из 256 цветов удержать не в силах, честный выход — перерендерить клип в APNG, а не отправлять GIF, который заметно проигрывает.
Руководство по рабочему процессу
Дискретизируйте источник с осознанным интервалом или извлеките только кадры, несущие движение, потому что число кадров — первый и самый большой рычаг веса GIF.
Конвертируйте клип напрямую со сжатием-осознанными настройками или смонтируйте анимацию из статичных картинок одного размера, причём путь WebP сохраняет анимацию уже анимированных источников.
Разберите GIF обратно на кадры, чтобы найти избыточные почти-дубликаты, полосы палитры и мерцание прозрачности, пока исправление ещё дёшево.
Уменьшите палитру до глубины, которую выдерживает контент, масштабируйте к реальной ширине показа, а сжатие запустите финальным проходом, а не единственным.
Одиночный видеоклип идёт прямым путём из видео в GIF, а покадровые съёмки и подготовленные стопки кадров собираются из статичных картинок одного размера.
Меньше кадров, меньше цветов и меньше пикселей — три рычага веса GIF. Решите, какой рычаг потянет контент, прежде чем что-либо трогать.
Градиенты и прозрачность, которые GIF не удерживает из-за палитры в 256 цветов, — повод перерендерить в APNG; повсеместная совместимость — повод остаться на GIF и резать сильнее.
Задайте задержку кадров под нужный темп, зафиксируйте число повторов, чтобы анимация крутилась или останавливалась осознанно, и перерендерьте в APNG, когда требуются настоящий цвет или мягкая прозрачность.