Сжатие GIF: что менять сначала — размеры, цвета или плавность?

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

GIF хранит последовательные изображения и время их показа. Поэтому размеры, цвета и число кадров нужно оценивать отдельно, а не только как общий уровень качества.

Разделите основные настройки

Сначала решите, какую информацию допустимо уменьшить.

Изменение	Что меняется	Возможное влияние
Масштабирование	Ширина и высота каждого кадра	Мелкий текст, тонкие линии и детали
Сокращение палитры	Число используемых цветов	Градиенты, тени и переходы
Уменьшение числа кадров	Промежуточные изображения движения	Плавность и кратковременное содержимое
Обрезка	Сохранённая видимая область	Композиция и целостность движущихся объектов

Методы можно сочетать, не применяя все сразу. Для маленького отображения сначала удобно оценить размеры. Если важны точные движения, осторожнее сокращайте кадры.

DocCrunch: сжатие GIF предлагает режимы «Чёткий», «Сбалансированный» и «Минимальный» с независимым масштабом. Первые два сейчас сохраняют все кадры; последний также убирает промежуточные.

Уменьшайте размеры, если пикселей больше необходимого

Пропорциональное изменение с 1000×600 до 500×300 оставляет четверть пикселей в каждом кадре. Файл необязательно станет вчетверо меньше: важны также содержимое, цвета и кодирование.

Оценивайте при реальном размере показа. Мелкие буквы могут стать нечитаемыми, а линии, курсоры и значки — менее различимыми.

DocCrunch предлагает исходный размер, 75%, 50% и 33%. Начните с умеренного уменьшения и просмотрите всю анимацию. Если размеры уже подходят, дальнейшее уменьшение может оказаться невыгодным.

Меньше цветов означает меньше оттенков

GIF использует палитры с ограниченным числом цветов. Основы описаны в обзоре GIF от MDN.

Изменения часто заметны сначала в градиентах, тенях и тонких различиях. Плавные переходы становятся полосами, близкие цвета объединяются. Потеря может касаться градаций, а не просто насыщенности.

Плоская графика, простые значки и сложные фотографии переносят сокращение палитры по-разному. Три режима DocCrunch сейчас используют 256, 180 и 96 цветов. Проверьте:

• Заметные полосы в градиентах.
• Превращение теней в крупные однотонные пятна.
• Различимость мелкого текста на фоне.
• Мерцание деталей при воспроизведении.

Некоторые изменения проще увидеть в движении, чем на остановленном кадре.

Меньше кадров не означает простое ускорение

Длительность зависит и от времени показа каждого изображения. Удаление промежуточных кадров с удлинением оставшихся может примерно сохранить темп, но переходов станет меньше, а смена положения — резче.

Минимальный режим DocCrunch выбирает кадры с интервалом и складывает соответствующие времена показа. В основном он сокращает промежуточную информацию о движении.

Медленные простые движения могут остаться приемлемыми. Внимательно проверьте быстрые перемещения, действия курсора и короткие уведомления. Содержимое на одном-двух кадрах может стать непонятным или исчезнуть.

Для демонстрации полнота действия часто важнее дополнительного уменьшения файла. Чёткий первый кадр ничего не гарантирует.

Обрезайте с учётом всей анимации

При наличии постоянных пустых или ненужных областей попробуйте обрезку GIF.

Она уменьшает сохранённую область каждого кадра, а не длительность. Просмотрите последовательность целиком и проверьте объект в его самом удалённом положении.

Пустое в начале место позже может занять текст, раскрытое меню или движущийся объект. Обрезка по первому кадру способна убрать последующую информацию.

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

Просмотрите скачанный результат целиком

Посмотрите хотя бы один полный цикл и проверьте:

• Содержимое: целостность текста, уведомлений и движущихся объектов.
• Качество: приемлемые буквы, линии, градиенты и тени.
• Движение: допустимые рывки и достаточные паузы.
• Воспроизведение: подходящие скорость, повторы и окончание.
• Передача: соответствие размеров и объёма ограничениям.

Особенно проверяйте GIF с изначально ограниченным числом повторов. DocCrunch сейчас задаёт перекодированным GIF бесконечное повторение; исходное число не следует считать сохранённым.

Локальная обработка в браузере не заменяет проверку. Храните оригинал и создавайте варианты из него, а не многократно обрабатывайте уже сжатые копии.

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