Какой длины должна быть гифка?

Оптимально 2–6 секунд. GIF задуман как короткий зацикленный момент, а не как видео: чем длиннее фрагмент, тем тяжелее файл. Если ролик длиннее 10 секунд, разумнее сохранить его как видео MP4/WebM, а не как гифку.

Сколько кадров в секунду ставить?

Для большинства гифок достаточно 10–15 кадров в секунду. 12 fps — хороший баланс плавности и веса. Выше 24 fps файл резко тяжелеет, а на глаз разница в коротком цикле почти не видна.

Какую ширину выбрать для GIF?

Для чата и ленты обычно хватает 320–480 пикселей по ширине, для встраивания в статью — до 600–640. Ширина сильнее всего влияет на вес, поэтому не делайте гифку крупнее, чем место, где она будет показана.

Как сделать GIF из нескольких фотографий?

Подготовьте кадры одного размера, расположите их в нужном порядке и задайте задержку каждого (например, 100–300 мс). Многие онлайн-GIF-мейкеры собирают такую анимацию из набора PNG/JPG в пару кликов и позволяют включить зацикливание.

Гифка получилась слишком тяжёлой — что делать?

Сначала уменьшите ширину и частоту кадров — это даёт основную экономию. Затем сократите палитру до 64–128 цветов. Если нужно ещё легче, переведите готовый GIF в WebP — это в среднем минус 64% к размеру.

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

Своя гифка — это просто: понравившийся момент из фильма, мем с подписью, мини-туториал или анимация из серии фотографий. Чтобы результат вышел чётким и лёгким, а не размытым «кирпичом» на 20 мегабайт, важно сделать всего несколько правильных шагов. Этот гайд проведёт вас от исходника до готовой зацикленной гифки — без сложных программ.

Из чего вообще делают GIF

Любая гифка собирается из последовательности кадров — это её суть (если ещё не знакомы с устройством формата, загляните в статью «Что такое GIF»). А значит, источников всего два:

Видео — самый частый случай. Из ролика вырезается короткий фрагмент, который автоматически разбивается на кадры.
Набор картинок — отдельные изображения (фото, рисунки, скриншоты), которые показываются по очереди. Так делают слайд-шоу, покадровую анимацию и мемы.

Принцип сборки одинаковый, отличается только подготовка исходника. Разберём оба пути.

Гайд 1: GIF из видео

Это классика — анимировать смешной или эффектный момент из ролика. Порядок такой:

Выберите фрагмент

Найдите момент длиной 2–6 секунд. Чем точнее обрезка, тем легче и выразительнее гифка.

Задайте частоту кадров

10–15 fps достаточно. Это режет вес и почти не влияет на восприятие короткого цикла.

Подгоните размер

Уменьшите ширину до 320–480 пикселей для чата или 600 для статьи.

Соберите и сохраните

Включите бесконечный цикл — и гифка готова.

Совет про качество

Профессиональные инструменты вроде FFmpeg делают конвертацию в два прохода: сначала строят оптимальную палитру под конкретный фрагмент (фильтр palettegen), потом применяют её (paletteuse). Это заметно убирает «грязь» на градиентах. При масштабировании выбирайте алгоритм Lanczos — он чётче простого билинейного.

Гайд 2: GIF из серии картинок

Второй путь — собрать анимацию из отдельных изображений: кадры рисованной анимации, фотографии «до/после», слайды-инструкция. Здесь важна подготовка:

Приведите кадры к одному размеру

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

Расставьте порядок

Пронумеруйте файлы (01, 02, 03…) — большинство сборщиков идёт по имени.

Задайте задержку кадра

100 мс — это 10 кадров в секунду. Для слайд-шоу ставьте 500–1000 мс на кадр.

Включите цикл и соберите

Готово: набор картинок превратился в зацикленную гифку.

Жёлто-зелёные диагональные штрихи света — метафора покадровой сборки анимации — Гифка из картинок — это, по сути, цифровой флипбук: кадр за кадром. Фото: Pexels

Три параметра, которые решают всё

Качество и вес готовой гифки определяют несколько чисел. Запомните их — и большинство проблем отпадёт само:

Длительность

2–6 секунд

Частота кадров

10–15 fps

Ширина

320–640 px

Палитра

64–256 цветов

Цикл

Бесконечный (0)

Масштабирование

Lanczos

Главное правило: не делайте гифку больше и дольше, чем нужно. Вес растёт от каждого из этих параметров, поэтому лишняя секунда или сотня пикселей по ширине — это лишние мегабайты.

Палитра и плавность движения

GIF ограничен 256 цветами, и это надо учитывать при сборке. Если в кадре яркое фото с градиентами, оставляйте больше цветов и включайте дизеринг — он маскирует ступенчатые переходы. Если это плоская графика или скриншот интерфейса, наоборот, можно смело резать палитру до 64 цветов и отключать дизеринг: так чище и легче.

Плавность задаётся частотой кадров. 12 fps — золотая середина: движение читается, а файл остаётся компактным. Ниже 10 fps анимация начинает «дёргаться», выше 24 fps вес растёт без видимой пользы.

Хорошая гифка — это не «видео в GIF», а точно подобранный короткий момент, который приятно смотреть по кругу.

Финал: проверка и оптимизация

Перед публикацией прогоните готовый файл через оптимизатор без потерь — это бесплатно снимет ещё 20–40% веса. Если гифка всё равно тяжёлая, вернитесь к трём параметрам выше и урежьте самый «жирный». Подробно все приёмы сжатия разобраны в гайде «Как уменьшить размер GIF».

И последнее: если ваша гифка идёт на сайт, а не в мессенджер, почти всегда выгоднее отдать её в WebP — те же кадры и цикл, но в среднем на 64% легче. Что выбрать под конкретную задачу, мы сравнили в статье «GIF против WebP и MP4».

Сделали гифку — облегчите её для веба

Загрузите готовый GIF в конвертер FormatZ и получите animated WebP в 5–10 раз легче, с сохранением всех кадров, таймингов и зацикливания.

Конвертировать GIF в WebP

Частые ошибки новичков

Слишком длинный фрагмент. 15-секундная гифка весит как небольшое видео. Режьте до сути.
Гигантское разрешение. Гифка во весь экран в чате не нужна — это главный источник лишнего веса.
30+ fps «для плавности». Глаз не заметит, а файл раздуется вдвое.
Пересохранение из уже сжатого GIF. Артефакты накапливаются — всегда работайте с исходником максимального качества.

Нужно достать из готовой гифки один статичный кадр? Используйте GIF в PNG. Все доступные преобразования — на странице всех форматов.

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

Из чего вообще делают GIF