Создание GIF
Анимированные GIF по-прежнему удобны для реакции в Slack, короткой инструкции в README или микроанимации продукта на лендинге. Этот инструмент объединяет кадры PNG/JPG в зацикленный GIF с палитрой 256 цветов и позволяет перед скачиванием изменить порядок кадров и настроить скорость, зацикливание, качество и размер холста.
Как создать GIF
-
1
Добавьте кадры
Загрузите изображения PNG/JPG в нужном порядке; анимация проиграет их в этой последовательности.
-
2
Настройте задержку кадра
Тайминг хранится как задержка каждого кадра в миллисекундах: 80 мс дают около 12 fps плавного движения интерфейса, а 500 мс спокойное слайд-шоу примерно на 2 fps. Выберите готовый вариант или введите своё значение.
-
3
Выберите размер холста
Измените размер холста, чтобы файл остался компактным без потери деталей, и выберите, будет ли готовый GIF зацикливаться бесконечно или проиграется один раз.
-
4
Экспортируйте и скачайте
Инструмент кодирует анимацию с оптимизацией палитры и возвращает один файл .gif.
Ограничения формата GIF
| Параметр | Ограничение или поведение |
|---|---|
| Глубина цвета | 256 цветов на кадр (8-битная палитра) |
| Альфа-прозрачность | 1-битная прозрачность: каждый пиксель либо полностью прозрачен, либо полностью непрозрачен |
| Задержка кадра | Сохраняется шагами по 10 мс, поэтому “GIF 60 fps” на практике ограничен примерно 50 fps |
| Сжатие | Сжатие LZW, лучше всего работает на плоской графике и записях интерфейса |
| Размер файла | Формального лимита нет, но многие браузеры и мессенджеры начинают испытывать проблемы после примерно 10 МБ |
Как уменьшить размер файла
- Оставьте только главное движение. Большинство реакционных GIF лучше смотрятся при длительности 1–3 секунды.
- Уменьшите размер перед экспортом. GIF шириной 480 px обычно достаточно для Slack, X/Twitter, Notion и страниц документации.
- Сначала убирайте кадры, затем цвета. Снижение fps вдвое часто заметно уменьшает файл; переход с палитры 256 цветов на 64 может сильно испортить градиенты.
- Выбирайте чистый фон. Скринкасты и плоские UI-анимации сжимаются намного лучше, чем шумные видеозаписи.
Когда лучше выбрать MP4 или WebM
Если площадка поддерживает короткие видео с автозапуском, например X/Twitter, Discord или современная веб-страница, MP4 (H.264) или WebM (VP9) могут быть в 5–10 раз меньше сопоставимого GIF при том же визуальном качестве. GIF остается полезным в чатах, электронной почте, трекерах задач и старых системах документации, где он воспринимается как изображение.
Часто задаваемые вопросы
GIF ограничен 256 цветами и использует палитровый формат. Плавные градиенты могут превращаться в шум дизеринга, а на оттенках кожи часто появляются полосы. Для более чистого результата уменьшите детализацию движения, обрежьте сцену или используйте MP4/WebM, если платформа это поддерживает.
Сам формат GIF поддерживает только 1-битную прозрачность, и этот кодировщик рисует каждый кадр на чистом холсте без кодирования прозрачного цвета, поэтому прозрачные участки могут получиться тёмными или залитыми. Чтобы результат был предсказуемым, наложите кадры на итоговый цвет фона до загрузки. Если нужна плавная альфа-прозрачность, используйте APNG или WebP.
Для Slack или X/Twitter практично значение 12–15 fps, что соответствует задержке около 65–85 мс. Инструмент стартует со 150 мс (около 6,7 fps), это режим слайд-шоу; выберите пресет «Плавно» или введите 80 для более живого движения интерфейса.
Нет. Ваши изображения не покидают браузер: они читаются локально, кодируются в GIF прямо на странице и скачиваются напрямую, поэтому ничего не отправляется на сервер. В пошаговом режиме кадры и готовый GIF между шагами хранятся в сессионном хранилище этой вкладки, чтобы можно было двигаться вперёд и назад; временная копия исчезает, когда вы начинаете заново, очищаете кадры или закрываете вкладку.
Сопутствующие инструменты
Палитра цветов Material Design
Просмотрите палитру цветов Material Design. Копируйте любой оттенок (от 50 до A700) в форматах HEX, RGB или HSL одним нажатием.
Сжать GIF
Уменьшайте анимированные GIF прямо в браузере: снижайте размеры, оставляйте меньше кадров и настраивайте качество кодирования. Проверьте петлю перед скачиванием.
Конструктор тир-листов
Создайте приватный тир-лист из текста и локальных изображений. Настройте уровни, распределите элементы мышью или клавиатурой и экспортируйте в JSON, PNG или SVG.
Конвертер JPG в Word
Конвертируйте JPG-фото или скриншот текста в редактируемый документ Word. Инструмент считывает слова с помощью OCR и раскладывает их, чтобы вы могли переписать, отформатировать и переиспользовать их.
Генератор линованной бумаги
Создавайте линованную бумагу для печати бесплатно. Выберите узкую, широкую или стандартную линовку, задайте расстояние между строками в мм, размер листа и линию поля, затем распечатайте или скачайте SVG.
Конструктор флагов
Создайте в браузере простой собственный флаг 3:2 с шестью компоновками, цветами, текстом и символом. Скачайте SVG или PNG либо откройте диалог печати браузера.
Инструмент доступен на других языках
- منشئ ملفات GIF [AR]
- Creador de GIF [ES]
- ตัวสร้าง GIF [TH]
- Kreator GIF [PL]
- Créateur de GIF [FR]
- GIFメーカー [JA]
- GIF 제작기 [KO]
- Criador de GIF [PT]
- GIF-skapare [SV]
- Trình tạo GIF [VI]
- GIF-Ersteller [DE]
- Pembuat GIF [ID]
- GIF-maker [NL]
- GIF Maker [EN]
- Creatore di GIF [IT]
- GIF Oluşturucu [TR]
- GIF 制作器 [ZH]