Сколько кадров в секунду в гифке

Содержание

Вне зависимости каким образом вы получили GIF-анимацию, вы можете уменьшить её размер.

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

Все примеры будут основаны на коротком клипе FullHD видео 16 секунд и 30 кадров в секунду.

Немного теории о GIF

Подробную информацию вы можете прочитать на Википедии.
Смысла её повторять тут нет.

Вкратце: GIF — это максимум 256 цветов (8 бит) + сжатие без потерь (LZW).
Как и любое сжатие без потерь — оно не слишком сжимает файл. В итоге — мы уменьшим размер не более чем на 50% ( очень сильно зависит от картинки).

Считаем размер одного кадра: 1920 * 1080 * 40%-100% = 0.8-2 мб.

А теперь посчитаем для 16 секунд видео: 16 сек * 30 кадров в секунду * (0.8-2) мб = 384-960 мб!
Наш исходный файл при преобразовании получился 309мб. Меньше расчетного, но тоже большой.
Удивились? А ведь размер исходного видео всего несколько мегабайт! Как такое может?
А просто: GIF — это мамонт, да, он классный, но с ним надо уметь работать.

Шаг 1. Уменьшить GIF. Размер изображения

Обязательно уменьшите размер до адекватного (не более 640 пикселей по большей стороне).
В этом случае размер будет: 640 * 360 * 40%-100% = 90-225 кб.
И размер видео: 16 сек * 30 кадров * 90-225 кб = 42-105 мб.
Наш исходный файл при преобразовании получился 38мб. Меньше расчетного, но тоже большой.
Много? Да. Идем дальше.

Шаг 2. Количество кадров

30 кадров — это круто, но к сожалению для GIF — это очень много.
Уменьшите количество до 10 кадров и вы сократите размер в 3! раза.
Считаем: 16 сек * 10 кадров * 90-255кб = 14-35 мб.

Наш исходный файл при преобразовании получился 14.5 мб. Уже лучше.

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

Например, если у вас видео 60 кадров в секунду — вы можете уменьшить из ряда: 1, 2, 3, 4, 5, 6, 10, 15, 20, 30.
А если 25 кадров, то ряд будет: 1, 5.
Или 30: 1, 2, 3, 6, 10, 15.

Шаг 3. Уменьшайте длительность анимации

Сокращайте/удаляйте не нужные вам сцены, здесь зависимость простая — сократили в 2 раза — получили размер в 2 раза меньший.

Шаг 4. Оптимизировать GIF. Выбор качества.

Есть специальные утилиты, для сжатия GIF-анимаций, например, GIFsicle.

Специально для вас мы сделали её онлайн. Просто выберите ваш файл и нажмите оптимизировать.

Читайте также: Blu ray качество что это

Так же вы можете управлять качеством файла.

Для вас мы сделали три разные версии GIF-анимации для оценки сжатия с помощью уменьшения качества:

Размер при 100% качества: 13.3 мб
Размер при 50% качества: 13.3 мб
Размер при 0% качества: 10.1 мб

И конечно мы рекомендуем вам самим экспериментировать.

Если вы знаете как лучше использовать и хотите поделиться — напишите нам.

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

В конце концов люди начали спрашивать нас: «Как вы создаете GIF анимации?». Пришло время раскрыть секрет.

Дизайн GIF изображений

1. Секретный ингредиент

Вот мой небольшой секрет: все мои GIF анимации сначала были видео-файлами. Обычно я использую ScreenFlow, который я кстати также применяю для создания видео наших продуктов. Это простая программа, которая в то же время содержит множество полезных анимационных инструментов.
После того как я сохраняю анимацию как видео файл, я импортирую его в Photoshop через File > Import > Video Frames As Layers.

Совет: Если ScreenFlow или After Effects вам не по карману, то создайте анимацию в Keynote, и экспортируйте ее как видео. Наконец-то, хоть какое-то применение этой функции в Keynote.

2. Меньше цветов = больше веселья

Если вы хотите делать крутые GIF анимации, то нужно с особым трепетом подойти к выбору цвета. Это повлияет не только на размер файла, но и позволит создать более продолжительные анимации с маленьким размером файла. (Для меня маленький — это менее 1MB)

3. Используйте размытие в движении (motion blur), если возможно

Такие программы как ScreenFlow и After Effects позволяют экспортировать видео с применением размытия в движении. Это не только придаст вашей анимации профессиональный вид, но и упростит процесс уменьшения размера файла в Photoshop.

4. Будьте (отчасти) ленивыми

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

Экспорт GIF анимаций

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

Читайте также: Мой номер модема билайн

5. Удалите кадры-дубликаты

Скорее всего ваша анимация останавливается или остается неподвижной на какой-то момент времени. Присмотревшись, можно заметить, что этот момет состоит из нескольких одинаковых кадров. Если таких кадров 10 штук, то удалите 9 из них и установите длительность оставшегося кадра на, например, 1 секунду.

Если это не поможет, попробуйте заново импортировать видео, но на этот раз выберите параметр Limit To Every 2 Frames. Это должно значительно уменьшить размер файла.

Совет: Если ваша анимация состоит из более 150 кадров, то возникнут проблемы при попытках уменьшить размер файла.

6. Меньше цветов

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

7. Измените параметр Lossy* (потери)

Если честно, то я даже не знаю, что этот параметр означает. Но я точно знаю, что если вы поставите его на уровне между 1 и 10, то избавитесь от лишних килобайтов без потери качества.

*«Потери» (Lossy) — допустимый уровень потери графической информации в растровом файле, позволяющий уменьшить файловый размер изображения

Ничего не изменилось! Помогите!

Если вы попробовали все, что было сказано выше, но так и не смогли уменьши размер GIF анимации, то нужно сделать шаг назад. Может вы хотите невозможного? Есть ли другой способ добиться желаемого? Можно ли разбить файл на две GIF анимации? Будет лучше, если ваша GIF анимация сделает акцент на одном аспекте.

От переводчика. Со всеми пожеланиями и замечаниями по поводу перевода прошу обращаться ко мне в личку. Спасибо!

Instagiffer – как быстро делать GIF из видео

Лицензия: Free.
Размер: 22,5 Мбайт.
Официальный сайт.

Instagiffer оставил достаточно неплохое впечатление. Программа поддерживает все основные форматы видео, позволяет не только перегонять его в анимированный GIF, но и захватывать отдельные кадры.

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

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

После ее окончания, программа предупреждает, если GIF получился слишком большим и не соответствует требованиями Tumblr или Imgur. А так в итоге вы получите примерно это:

Нажмите для картинку для просмотра видео

KickMyGrapihcs – как делать GIF-анимацию из видео

Лицензия: Free.
Размер: 3,68 Мбайт.
Официальный сайт.

Программа скорее для работы с анимированным GIF, чем для их конвертации. Однако и эту задачу с ее помощью можно решить. Она поддерживает различные форматы видео, в том числе AVI, MPG, ASF и MP4.

Интерфейс KickMyGrapihcs оставляет желать лучшего. Цвета настолько яркие и пестрые, что впору беспокоиться за людей с эпилепсией — с таким интерфейсом можно и приступ спровоцировать.

При загрузке видео для конвертации программа запускает окно cmd.exe и начинает покадрово индексировать ролик. Так что, если у вас достаточно большое видео, например, несколько минут, то можно собраться и сходить в магазин, или сделать пробежку — процесс занимает немало времени.

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

К сожалению, с нашими видео программа не справилась.

Movie to GIF – как создать GIF-анимацию из видео

Лицензия: Free.
Размер: 6,5 Мбайт.
Официальный сайт.

Movie to GIF — еще одна простая и бесплатная программа для конвертации видео в анимированный GIF. Интерфейс аскетичен, но удобен.

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

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

Работа с Movie to GIF вопросов не вызвала, за исключением того, что конвертация идет очень медленно, а на выходе получается это: