Разделить GIF на кадры
Разбейте анимированный GIF на отдельные кадры. Посмотрите каждый кадр, оставьте нужные и скачайте их картинками PNG или JPG или одним спрайт-листом. Бесплатно, ничего не загружается.
Ваш файл
Почему этот инструмент
- Без ограничения размера
- Ничего не загружается
- Без регистрации
Анимированный GIF — это последовательность картинок. Иногда нужна одна: идеальное выражение лица из гифки-реакции, чистый кадр для превью, шаг из инструкции. Иногда нужны все — чтобы редактировать покадрово, обводить, анимировать в другой программе или собрать спрайт-лист для игры.
Этот инструмент показывает каждый кадр в сетке с его временем и сохраняет выбранные. Каждый кадр извлекается таким, каким он виден в анимации, а не тем фрагментом, который хранят многие GIF, — поэтому каждая картинка полная.
Как разделить GIF на кадры
Добавьте GIF
Перетащите анимированный GIF в окно выше или выберите его на устройстве. Все кадры появятся в сетке, пронумерованные в порядке проигрывания, с задержкой.
Выберите кадры
Сначала выбраны все кадры. Нажмите на кадр, чтобы исключить его, снимите выбор, чтобы начать с нуля, или пропустите кадры, повторяющие предыдущий.
Картинки или спрайт-лист
Скачайте отдельные картинки PNG или JPG, пронумерованные и упакованные в ZIP, или один спрайт-лист со всеми выбранными кадрами в сетке.
Скачайте
Нажмите «Разделить GIF», затем скачайте ZIP, отдельный кадр или спрайт-лист.
Полные кадры, а не фрагменты
Чтобы экономить место, большинство GIF хранят только изменяющуюся часть каждого кадра и рассчитывают, что программа просмотра нарисует её поверх уже показанного. Если извлечь эти сырые фрагменты, получатся кадры с дырами или почти прозрачные картинки.
Этот инструмент проигрывает каждый кадр так, как браузер, со всеми правилами смены кадров, и сохраняет полную картинку. Кадр 37 выглядит ровно как анимация в момент, когда на экране кадр 37.
Кадры в PNG или JPG
PNG точно сохраняет каждый пиксель и прозрачность, поэтому подходит для редактирования, обводки или пересборки анимации. Кадры GIF ограничены 256 цветами, которые PNG хранит очень компактно.
Файлы JPG меньше и открываются везде — это удобно, чтобы поделиться одним кадром или вставить кадры в документ. В JPG нет прозрачности, поэтому прозрачные области заливаются белым. Чтобы потом сменить формат или размер кадров, используйте конвертер изображений и изменение размера.
Как сделать спрайт-лист из GIF
Спрайт-лист размещает все кадры анимации на одной картинке, в сетке, которая читается слева направо и сверху вниз. Игровые движки и CSS-анимации проигрывают его, показывая по одной ячейке, — часто это легче GIF и даёт полный контроль над временем.
Выберите «Спрайт-лист», и выбранные кадры разложатся в почти квадратную сетку одинаковых ячеек размером с GIF. Результат показывает число колонок и строк и размер ячейки — именно это вводят в движок или в шаги background-position в CSS.
Пересобрать, изменить и соединить
Разделение часто — первая половина правки. Извлеките кадры, измените или удалите ненужные, затем соберите их обратно в конструкторе GIF, где можно поменять и порядок, и время, и размер. Чтобы облегчить GIF, не трогая отдельные кадры, сжатие GIF может само удалить каждый второй кадр.
Нужен объект без фона? Удаление фона с GIF работает сразу со всей анимацией.
Какой вариант выбрать
Во всех трёх кадры сохраняются в полном размере GIF.
| Вам нужно | Скачать как | Формат |
|---|---|---|
| Сохранить один идеальный кадр | Отдельные картинки, выбран один кадр | PNG или JPG |
| Изменить кадры и пересобрать GIF | Отдельные картинки | PNG |
| Вставить кадры в документ или слайды | Отдельные картинки | JPG |
| Анимировать в игровом движке или CSS | Спрайт-лист | PNG |
| Обвести или ротоскопировать анимацию | Отдельные картинки | PNG |
Зачем извлекают кадры из GIF
Идеальный кадр
Поймайте точный момент из гифки-реакции для превью, стикера или аватарки.
Покадровое редактирование
Исправьте, отретушируйте или подпишите отдельные кадры, затем пересоберите анимацию.
Игровые спрайты
Превратите GIF в спрайт-лист для Unity, Godot, Phaser или CSS-анимации со steps().
Инструкции и документация
Вытащите ключевые шаги из гифки с записью экрана как картинки для текстовой инструкции.
Изучение анимации
Разберите тайминг и промежуточные фазы по одному кадру, с задержкой каждого.
Более лёгкие GIF
Найдите повторяющиеся и лишние кадры, затем соберите лёгкую версию только из нужных.
