Видео то гиф: Бесплатный онлайн конвертер видео в анимированный GIF — DesignLessons – все о дизайне

Содержание

GIF редактор, Создание GIF, видео в GIF для Андроид

GIF редактор, GIF приложение «все в одном». Теперь вы можете создавать/редактировать бесплатные, четкие, простые, быстрые, плавные и не испорченные водяными знаками GIF анимации

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

Создавайте/редактируйте GIF анимации из изображений, видеофайлов, записей с камеры и экрана. Конвертируйте популярные форматы видео/изображений, такие как PNG, JPEG, JPG, MP4, MPEG, FLV, 3GP… Интерфейс приложения невероятно прост и дружественен.

Поддерживаемые 22 языков: English — français — Español — italiano — 대한민국 — 中文 — 日本語 — Deutsche — हिंदी — русский — Tiếng Việt — Português — Ελληνικά — Bahasa — Türk — ไทย — polski — Dansk — Suomen kiel — Nederlands — Norsk — Svenska

Функции:

1. GIF конструктор и редактор:
Конвертируйте видео в GIF.
Комбинируйте несколько изображений в один GIF.
Записывайте видео с помощью камеры устройства и конвертируйте его в GIF.
Записывайте действия на экране устройства и конвертируйте его в GIF (для Android 5.0 и новее)
Быстро и легко создавайте/редактируйте высококачественные GIF анимации. Вы можете создавать GIF анимации с помощью множества различных функций: кадрирование, масштабирование, изменение скорости, добавление эмодзи и стикеров, обрезка… Поддержка использования до 400 изображения для создания одной GIF анимации со скорость до 50 кадров/секунду. Сохраняйте изменения в GIF или видео файл.

2. Сжатие GIF:
Уменьшайте размеры GIF файлов с помощью нескольких параметров качества, чтобы легче делиться ими в сети Интернет

3. GIF в видео:
Конвертируйте GIF анимации в видеофайлы с тем же качеством и размером в 3 клика

4. GIF фон:
Создавайте GIF анимации с прозрачным/черным/белым фоном.

5. Быстрое редактирование GIF:
Быстрой модифицируйте GIF анимации с помощью трансформации, изменения размера, корректировки скорости проигрывания. .. всего за несколько секунд!

6. Фильтры/Рамки:
Доступно более 60 фильтров/рамок, в том числе фильтры Instagram: 1977, Amaro, Brannan, Early Bird, Hefe….

7. Фильтры смешивания:
Корректируйте яркость, гамму, баланс белого, тон, экспозицию….

8. Ярлык/Заметка:
Добавляйте тексты различного цвета, с тенью и контролируемым расстоянием между буквами. Настраивайте время их появления в анимации.

9. Стикер/Эмодзи:
Доступно более ста различных стикеов/эмодзи. Вы можете контролировать время их появления в анимации. Вставляйте стикеры/эмодзи/GIF изображения в одну GIF анимацию

10. Управление GIF файлами:
Просматривайте/Редактируйте/Удаляйте… все GIF файлы на вашем устройстве.

11. Распространение в социальных сетях:
Делитесь вашими GIF анимациями в WhatsApp, Facebook, Messenger, Twitter, Skype…

==> Теперь приступайте к созданию вашей GIF анимации и наслаждаетесь результатом!

Как мне конвертировать видео в GIF с использованием ffmpeg с приемлемым качеством?

_183K

ffmpegможет вывести высокое качество GIF. Всегда рекомендуется использовать последнюю версию: скачать или скомпилировать .

ffmpeg -ss 30 -t 3 -i input.mp4 -vf "fps=10,scale=320:-1:flags=lanczos,split[s0][s1];[s0]palettegen[p];[s1][p]paletteuse" -loop 0 output.gif

Этот пример пропустит первые 30 секунд ( -ss 30) ввода и создаст 3 секунды вывода ( -t 3).
Фильтр fps устанавливает частоту кадров.
Масштабный фильтр изменит размер выходного изображения до 320 пикселей в ширину и автоматически определит высоту, сохранив соотношение сторон.
Фильтры palettegen и paletteuse будут генерировать и использовать пользовательскую палитру, сгенерированную из вашего ввода.
Разделенный фильтр позволит сделать все одной командой.
Контроль зацикливания с -loopвозможностью вывода. Значение 0бесконечного цикла.

Посмотрите Высокое качество GIF с FFmpeg для многих других примеров и опций.

_227k

Другой метод командной строки — это передача из ffmpegto convert(или magick) из ImageMagick.

 ffmpeg -i input.mp4 -vf "fps=10,scale=320:-1:flags=lanczos" -c:v pam -f image2pipe - | convert -delay 10 - -loop 0 -layers optimize output.gif

Установка частоты кадров

Установите частоту кадров с помощью комбинации fpsфильтров в ffmpegи -delayв convert. Это может быть сложно, потому что convertпросто получает сырой поток изображений, поэтому не сохраняется fps. Во- вторых,

-delayзначение convertв клещами (есть 100 тиков в секунду), а не в кадрах в секунду. Например, с fps=12.5= 100 / 12,5 = 8 = -delay 8.

convertокругляет -delayзначение до целого числа, поэтому 8.4 приводит к 8, а 8.5 — к 9. Это фактически означает, что при установке равномерной задержки для всех кадров поддерживаются только некоторые частоты кадров (конкретная задержка может быть установлена для каждого кадра, но она превышает этот ответ).

-delayПо-видимому, игнорируется, если используется в качестве параметра вывода, поэтому его необходимо использовать до того,

-как показано в примере.

Наконец, браузеры и средства просмотра изображений могут реализовывать минимальную задержку, так что вы -delayвсе равно можете проигнорировать.

_{Видео любезно предоставлено Национальным центром по охране природы Службы охраны рыб и дикой природы США.}

Пришло время заменить GIF на AV1 видео / Хабр

Сейчас 2019 год, и нам пора бы принять решение относительно GIF (нет, речь не об этом решении! Здесь мы никогда не договоримся! — тут речь о произношении в английском, для нас это не актуально — прим. перев.). GIFы занимают огромное количество места (обычно по несколько мегабайт!) что, если вы веб-разработчик, полностью противоречит вашим желаниям! Как веб-разработчик, вы хотите минимизировать вещи, которые пользователям нужно скачать, чтобы сайт загружался быстро. По той же причине вы минимизируете JavaScript, оптимизируете PNG, JPEG, а иногда и конвертируете JPEG в WebP. Но что же делать со старичком GIFом?

Там, куда мы направляемся, нам не понадобятся GIFы!

Если ваша цель — улучшить скорость загрузки сайта, то от GIF нужно избавляться! Но как же тогда делать анимированные картинки? Ответ — видео. И в большинстве случаев, вы получите лучшее качество и экономию места в 50-90%! В жизни большинство вещей имеют свои плюсы и минусы. Когда вы заменяете GIF на видео, минусов чаще всего найти не получится.

Долой все GIFы!

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

Возьмите GIF и переконвертируйте его в видео

Закодируйте видео с помощью H.264 или VP9, т.е. сожмите его и упакуйте в MP4 или WebM контейнер
Замените <img> с анимированным GIF на <video> с роликом
Включите автовоспроизведение без звука и зациклите, чтобы добиться эффекта GIF

У Google есть хорошая документация, описывающая процесс.

Сейчас 2019 год

Сейчас 2019 год. Прогресс движется вперёд, а мы должны от него не отставать. До сих пор у нас было два варианта кодеков, которые широко поддерживаются во всех браузерах и инструментах для кодирования видео:

H.264 — появившийся в 2003 и шире всего используемый сегодня

VP9 — появившийся в 2013 и добившийся улучшения сжатия почти на 50% по сравнению с H.264, хотя как пишут здесь не всё и не всегда так радужно

Примечание: хотя стандарт H. 265 — следующая версия H.264 и способен конкурировать с VP9, я не рассматриваю его из-за слабой поддержки браузерами, что показано на странице https://caniuse.com/#feat=hevc. Расходы на лицензирование — главная причина, по которой Н.265 не стал так же распространён как и H.264 и по которой консорциум Alliance of Open Media работает с кодеком без отчислений — с AV1.

Помните, что наша цель в том, чтобы уменьшить огромные GIFы до наименьшего возможного размера, чтобы ускорить загрузку. Это был бы странный 2019 год, если бы у нас в арсенале не появилось нового стандарта для сжатия видео. Но он есть и называется AV1. С AV1 можно добиться примерно 30% улучшения сжатия по сравнению с VP9. Лепота! 🙂

AV1 к вашим услугам с 2019 года!

На десктопах

Недавно поддержка декодирования AV1 видео была добавлена в десктопных версиях Google Chrome 70 и Mozilla Firefox 65. Прямо сейчас поддержка в Firefox глючит и может вызвать сбои, но дела должны изменится с добавлением декодера dav1d уже в Firefox 67 (уже вышел, а поддержка появилась — прим. перев.). Для деталей о новой версии читайте — dav1d 0.3.0 релиз: ещё быстрей!

На смартфонах

Для смартфонов аппаратная поддержка в настоящее время отсутствует из-за отсутствия соответствующих декодеров. Можно сделать программное декодирование, правда это приведёт к увеличению расхода батареи. Первые мобильные SOC с поддержкой аппаратного декодирования AV1 появятся в 2020 году.

И тут читатели статьи такие «так если мобильные пока нормально не поддерживают, зачем тогда использовать AV1?»

AV1 — довольно новый кодек, и мы находимся в самом начале его адаптации. Подумайте об этой статье как о стадии «пока вы готовите, народ подтягивается». Поддержка на десктопах сама по себе уже ускорит сайты для части аудитории. А старые кодеки можно использовать как fallback сценарий, когда на целевом устройстве AV1 не поддерживается. Зато по мере перехода пользователей на девайсы с поддержкой AV1, всё уже будет готово.

## Проход 2 ffmpeg.exe -i input.mp4 -pix_fmt yuv420p -movflags faststart -c:v libaom-av1 -b:v 200k -filter:v scale=720:-1 -strict experimental -cpu-used 1 -tile-columns 2 -row-mt 1 -threads 8 -pass 2 output.mp4

Вот расшифровка параметров:

-i - Входной файл.

-pix_fmt - Используем формат 4:2:0 для выбора информации о цветности в видео. Существует много других возможных форматов, но 4:2:0 наиболее совместимый.

-c:v - Какой кодек использовать, в нашем случае - AV1.<br />
-b:v – Средний битрейт, которого мы хотим добиться.

-filter:v scale - Фильтр масштаба ffmpeg используется для уменьшения разрешения видео. Мы устанавливаем X:-1 что говорит ffmpeg уменьшить ширину до X, сохранив соотношение сторон.

-strict experimental - Надо указать, т.к. AV1 достаточно новый кодек.

-cpu-used - Ужасно названный параметр, который на самом деле используется для выбора уровня качества видео. Возможные значения 0-4. Чем меньше значение, тем лучше качество и, соответственно, больше время, которое займёт кодировка.

-tile-columns - Для использования нескольких тредов. Говорит AV1 разбить видео на отдельные колонки, которые могут быть перекодированы независимо для лучшей утилизации ЦПУ.

-row-mt – Тоже, что и предыдущий параметр, но разбивает так же на строки внутри колонок.

-threads - Количество тредов.

-pass - Какой проход сейчас выполняется.

-f - Используется только при первом проходе. Указывает формат выходного файла, т.е. MP4 в нашем случае.

-movflags faststart - Включаем быстрый старт видео, перемещая часть данных в начало файла. Это позволит начать воспроизведение ещё до полной загрузка файла.

Создание GIF

Для создания GIF я использовал приведенную ниже команду. Чтобы уменьшить размер, я масштабировал GIF до 720px в ширину и 12 fps вместо исходного видео 24 fps.

./ffmpeg -i /mnt/c/Users/kasing/Desktop/ToS.mov -ss 00:08:08 -t 12
-filter_complex "[0:v] fps=12,scale=720:-1" -y scene2.gif

Результаты тестов

Лучше один раз увидеть, чем сто раз прочитать, правда? Давайте убедимся, что AV1 — правильный выбор для наших целей. Я взял бесплатное видео Tears Of Steel, доступное здесь https://mango.blender.org/, и конвертировал его, используя примерно одинаковый битрейт для кодеков AV1, VP9, H.264. Результаты ниже, так что вы можете сравнить их самостоятельно.

Примечание 1: Если файл ниже у вас не загружается, возможно, вам пора обновить браузер. Я бы посоветовал браузер на основе Chromium, например, Chrome, Vivaldi, Brave или Opera. Вот последняя информация по поддержке AV1 https://caniuse.com/#feat=av1

Примечание 2: Для Firefox 66 в Linux вам нужно будет установить флаг media.av1.enabled в значение true в about:config

Примечание 3: Я решил не включать обычные GIF ниже из-за их большого размера и объема данных, который мог бы потребоваться для загрузки этой страницы! (Что было бы иронично, ведь эта страница об уменьшении объёма данных на странице :)). Но вы можете посмотреть итоговые GIFы здесь https://github.com/singhkays/its-time-replace-gifs-with-av1-video/blob/master/GIFs

Примечание переводчика: Хабр не позволяет включить автовоспроизведение и зациклить файл, поэтому оценить получится только качество. Посмотреть как будут выглядеть «анимированные картинки» вживую можно в оригинальной статье.

Сцена 1 @ 200 Kbps

Здесь много движения, что особенно чувствительно на низких битрейтах. Сразу видно, как плох H.264 на этом битрейте сразу видны квадраты. VP9 немного улучшает ситуацию, но квадраты всё ещё видны. AV1 явно выигрывает, выдавая очевидно лучшую картинку.