Как сделать гифку из видео — два способа для новичков > NetPeak - Независимость и осознанность
NetPeak Biz Tech    


Как сделать гифку из видео — два способа для новичков

Как сделать гифку из видео — два способа для новичков

< >

Вы знаете человека, который бы бросил смотреть гифку на полпути? Я — нет. Анимированные изображения — отличный инструмент контент-маркетинга и средство повышения поведенческих факторов. Расскажу подробно, как извлечь из гифок максимальную выгоду и сэкономить время.

Gif-анимация появилась во времена птеродактилей — 28 лет назад — и жива до сих пор. К удивлению всех, кому приходилось ждать целую минуту для загрузки гифки длиной в 5 секунд. Кстати, создатель гифок Стив Уайт утверждает, что название формата произносится как «джиф». Но интернет-сообщество категорически с ним не согласно. Правильно — Graphics Interchange Format (gif), а не Jraphics (jif). Также многие называют гифками файлы в формате WebM, но об этом чуть дальше.

Чем хороши гифки?

Я провожу много рабочего и личного времени на зарубежных порталах и форумах, где уже давно сложилось четкое мнение: гифки — круто.

Как сказано выше, я лучше посмотрю 2-минутную гифку, чем 30-секундное видео. Потому что:

  1. Видео нужно включать.
  2. Видео нужно выключать, если не хотите слушать его, продолжая листать ленту.
  3. Из-за звука в видео нужно ставить на паузу музыку или убирать громкость.
  4. К большинству видео применима константа Вадсворта: первые 30% видео можно смело перемотать, потому что там не происходит ничего интересного. А прокручивать до интересного места (стараясь этот момент не пропустить) — лишняя трата времени.
  5. Если видео не встроено в контент страницы, на которой находится читатель, ему придется открывать еще один сайт и ждать, пока загрузится интерфейс этого сайта, а иногда даже смотреть рекламу.

Гифки не нужно включать/выключать, они не шумят, и, главное, передают саму суть и не отвлекают от основного контента.

Как использовать гифки в контент-маркетинге?

Эксперты особенно благосклонны к гифкам. Например, Энн Смарти считает двигающиеся картинки одним из трендов контент-маркетинга:

«На Западе всегда любили картинки, отсюда любовь к комиксам и инфографикам, а сейчас вообще любой контент стараются сделать очень визуальным: без кастомизированных картинок невозможно представить продвижение в соцсетях. Мне очень нравится направление, которое из этого давно родилось: Cinemagraphs (по-моему, под впечатлением от этого направления появился Vine)».

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

1. Главная страница сайта. Анимации коротко показывают посетителям, как работает сервис или компания, и кому это может быть полезно.

2. В тексте — пошаговой инструкции. Например, в посте «Как проверить качество кампаний в Google Рекламе за 10 минут» анимации иллюстрируют каждое описанное в тексте действие по работе с аккаунтом.

3. В тексте — для привлечения внимания. Гифка привлекает внимание читателя к теме и вовлекает в процесс знакомства с материалом, а также разбавляет серьезный материал.

4. Email-рассылка. Анимация в рассылке задерживает внимание читателя, а если она еще иллюстрирует тему письма — это двойной плюс. Многие запомнили новогоднюю рассылку от Netpeak по новой версии знакомой всем подписчикам картинки.

5. В социальных сетях. Facebook для тех, кто ленится делать гифку, добавил возможность собрать анимацию из нескольких картинок. Конечно, это не классическая гифка, но все равно — отличная иллюстрация тренда.

Да и из своих видео Facebook, по сути, сделал интеpaктивные гифки, благодаря чему количество просмотров значительно выросло. Автоматический запуск видео без звука решает сразу несколько вопросов — больше не нужно ничего нажимать или ставить на паузу музыку.

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

Quora подтверждает: ответ-гифка кладет на лопатки ответ-картинку.

Ответ с гифкой:

Ответ без гифки:

Как быстро сделать гифку?

Первый способ — из видео на YouTube

Просто добавьте gif в начало ссылки:

gifyoutube.com/watch?v=TKaxQNVfwzI

Перейдя по такой ссылке, вы попадете в редактор gif.com, где следует выбрать время начала и окончания гифки и другие параметры:

Результат:

Так просто сделать gif из видео. Да, качество далеко не HD, но на создание этой гифки ушло меньше минуты!

Второй способ — запись с экрана

Для удобства разложим метод на две части:

  1. Сделать запись видео с экрана.
  2. Конвертировать полученное видео в GIF-файл.

Истории бизнеса и полезные фишки

Как записать видео с экрана?

Количество приложений для записи видео с экрана перевалило за 9000. Многие уже выбрали себе самое удобное, быстрое и качественное. Я такого пока не нашел (если вы нашли, дайте знать в комментариях), так что записываю экран с помощью первого попавшегося расширения для Google Chrome. Расширение записывает экран (не только окно браузера) в качестве до 720p и сохраняет видео в формате WebM. Инструкция по применению довольно проста: жмем Start Recording, чтобы начать запись, и Stop, чтобы остановить.

Чтобы скачать видео, нужно перейти на вкладку Review, выбрать файл и нажать Download. Если вы не пользуетесь Google Chrome, найдите приложение для вашего браузера, скачайте Fraps, или просто запишите экран на видеокамеру, отнесите пленку на оцифровку и через неделю вы станете гордым обладателем диска с записью вашего экрана :). В общем, никаких вопросов с записью происходящего на экране нет. Если у вас Windows 10, можно нажать Win+G и записать экран через игровую панель.

Как конвертировать видео в gif?

Больше всего мне нравится video to gif конвертер от ezgif.com.

Вот как он работает:

1. Выбираем и загружаем видеофайл. Обратите внимание на поддерживаемые форматы.

2. Задаем необходимые параметры. Время начала и конца, качество и количество кадров в секунду (fps). Обратите внимание на ограничение длины для fps 20.

3. Редактируем. В ezgif можно обрезать гифку, изменить ее размер, ускорить/замедлить, добавить текст. Часто выручает функция оптимизации, с помощью которой можно значительно снизить размер файла.

Результат:

Для хранения гифок я использую giphy. Во-первых, туда можно загружать файлы размером больше 5Мб. Во-вторых, вменяемых альтернатив не так много. Одна из них — imgur, который у меня лично очень быстро забивается скриншотами. Найти что-то в альбоме imgur очень сложно. Вторая достойная альтернатива, если верить слухам, gfycat.com.

Как развиваются новые форматы, и что с ними делать?

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

Gif — формат, который учит передавать суть. Когда мне попадается гифка, я знаю, что не упущу самое важное.

WebM, которому пророчат судьбу убийцы формата gif, развивается быстрее, чем Илон Маск осваивает космос. Такая популярность вызвана тем, что WebM решает типичные для гифок вопросы — делает анимации быстрее, качественнее и легче. Instagram, Vine и Snapchat, которые с трудом можно отнести к гифкам, все же близки к формату. Они ограничивают длину видео, оставляя в нем только самое важное. Посты в Twitter я бы гифками не назвал, но что-то общее здесь все же есть — они передают мысль в ограниченном объеме текста. Конечно, существует еще Coub, который делает просмотр гифок еще увлекательнее.

В общем, есть те, кто понимает, для чего загонять контент в рамки:

И те, кто все еще не считает гифки эффективным инструментом:

Как создавать анимации в новых форматах?

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

Создаем анимацию в WebM

Достаточно конвертировать видео в формат WebM, загрузить файл на хостинг, который его поддерживает, и задать параметры автозапуска и повтора. Список сайтов, на которые можно залить видео в формате webm для создания анимации:

Создаем анимацию в Coub

Здесь все еще проще. В целом процесс создания коуба похож на создание гифки через gifs.com.

Нужно только выбрать видео, установить временную рамку, заменить звуковую дорожку и нажать на Next. Самое важное преимущество коуба — хостинг. Весь контент, созданный в этом формате, собран в одном хранилище. На пpaктике это решает вопросы с поиском сервиса, который сможет вместить файл определенного размера или длины.

Выводы

  1. Большинство пользователей скорее посмотрят гифку, чем серию картинок, а в некоторых случаях — даже охотнее, чем видео.
  2. Самый быстрый способ создать gif из видео на YouTube — поставить gif в начало YouTube-ссылки.
  3. Самые удобные сервисы для хранения гифок — giphy и gfycat.com.
  4. Форматы WebM и Coub по качеству и спектру возможностей гораздо интереснее обычных гифок.

В будущем формат гифок может трaнcформироваться, но идея — цеплять главные образы — останется неизменно популярной.



Комментарии:

Как запустить онлайн марафон? Бесплатные и платные методы

Как собрать свой онлайн марафон на 500 или 1000 человек? Сколько это стоит и какие сервисы использовать. Давайте разбираться....

01 12 2022 8:13:29

Как продвигать мобильное приложение: опыт Андреаса Рётля на примере Journi

Как продвигать мобильное приложение: опыт Андреаса Рётля на примере Journi Андреас Рётль о продвижении Journi: как трое выпускников Стэнфордского университета создали приложение для сторителлинга с 25 000 пользователями в 100 странах....

30 11 2022 1:59:23

Как работать с задачами — советы от Netpeak

Как работать с задачами — советы от Netpeak Правильная постановка целей, задач и дедлайна — основа успешной работы...

29 11 2022 23:48:35

App Campaign for Engagement. Как работать с кампаниями на взаимодействие с приложением в Google Ads

Человек скачал ваше приложение, воспользовался им один раз и … забыл. Что с этим делать, читайте в Netpeak Journal....

28 11 2022 14:11:48

Grammar nazi псто: Интернет или интернет

Grammar nazi псто: Интернет или интернет Как правильно писать нарицательное слово «интернет»....

27 11 2022 6:34:16

Кейс avtokrisla.com: триггерное письмо «Заказ оформлен» как дополнительный источник прибыли

Кейс avtokrisla.com: триггерное письмо «Заказ оформлен» как дополнительный источник прибыли Многие недооценивают триггерное письмо после оформления покупки, а зря. И вот почему....

26 11 2022 23:34:33

Маркетинг без бюджета. Как привлечь посетителей на молодой сайт

Маркетинг без бюджета. Как привлечь посетителей на молодой сайт Бесплатно рекламировать и привлечь первых посетителей/клиентов вполне реально своими силами...

25 11 2022 14:31:53

Сколько времени украинские айтишники тратят на дорогу в офис. Микроисследование

Киев, Одесса, Харьков, Днепр и другие города — в офис и обратно IT-специалисты добираются от 10 минут до более чем полутора часа. В дороге они слушают музыку, подкасты, читают книги. Узнать больше!...

24 11 2022 21:31:58

+247% кликов из органического поиска за год — SEO для Bosch Siemens Hausgerate

Со старта сотрудничества, рост видимости сайтов клиента вырос в 15 раз....

23 11 2022 23:48:39

MeDiConf — новая конференция по медицинскому маркетингу от Netpeak и Octopus Events

MeDiConf — новая конференция по медицинскому маркетингу от Netpeak и Octopus Events 29 ноября в Киеве в UNIT.City — конференция по медицинскому маркетингу MeDiConf...

22 11 2022 2:24:55

Алексей Гулый о правильных людях, новых идеях и бизнесе без потерь

Алексей Гулый о правильных людях, новых идеях и бизнесе без потерь Как начать бизнес в институте и масштабировать его до международной группы компаний. Собрали все самое интересное из интервью фаундера «Техно Ёж» Алексея Гулыя на конференции 8P....

21 11 2022 14:44:17

Загадки для тренировки мозга: заяц с одним ухом, пароход из Гавра и лабиринт с правым поворотом

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

20 11 2022 7:47:17

Лучшие программы для редактирования подкастов

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

19 11 2022 5:58:19

Сколько стоил клик Google Ads и Facebook в Украине в первом квартале 2018 года

Сколько стоил клик Google Ads и Facebook в Украине в первом квартале 2018 года Данные по 33,5 миллионов кликов в 26 тематиках и 394 городах...

18 11 2022 0:46:26

Девять неочевидных и пpaктически применимых SEO-фишек — круглый стол 8P 2018

Девять неочевидных и пpaктически применимых SEO-фишек — круглый стол 8P 2018 Нет новых идей для развития рекламной компании? Одобренные рекомендации по поисковому продвижению от экспертов: спикеров и участников 8P 2018...

17 11 2022 10:36:26

Как написать кейс — руководство для технарей на примере кейса Citrus и Netpeak в блоге Google

Как написать кейс — руководство для технарей на примере кейса Citrus и Netpeak в блоге Google Как написать годный кейс и победить страх чистого листа...

16 11 2022 10:14:52

Что нужно понять перед запуском онлайн-рекламы — девять самых важных вопросов к себе и PPC-специалисту

Что нужно понять перед запуском онлайн-рекламы — девять самых важных вопросов к себе и PPC-специалисту Читайте, если не хотите «слить» бюджет. Определите конкретные цели и УТП, соберите аналитику, идите к специалисту без опыта работы в конкретной нише и другие рекомендации эксперта. Читайте подробнее в статье!...

15 11 2022 21:27:46

Продвинутые способы аналитики кампаний на Facebook — Инспектор и внутренние диаграммы

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

14 11 2022 9:19:28

Как составить поисковые объявления для Google Ads и Яндекс.Директ

Как составить поисковые объявления для Google Ads и Яндекс.Директ Правила, требования, особенности. А ещё примеры, которые помогут создать правильную, с точки зрения поисковиков, рекламу. Читать!...

13 11 2022 12:58:42

Почему отдел продаж сидит без дела. Находим решение с помощью коллтрекинга

Почему отдел продаж сидит без дела. Находим решение с помощью коллтрекинга Отслеживаем пропущенные, анализируем входящие и делаем выводы о том, как организовать работу менеджеров....

12 11 2022 22:29:19

13 неочевидных и пpaктически применимых SEO-фишек — круглый стол 8P 2017

13 неочевидных и пpaктически применимых SEO-фишек — круглый стол 8P 2017 Лучшие идеи круглого стола о SEO с участием Тараса Гущи, Сергея Карпенко, Алексея Чекушина, Дмитрия Шахова и других экспертов...

11 11 2022 1:54:10

Владимир Меркушев о фишках Казнета и рецепте успеха в сети

Об особенностях реализации интернет-проектов в Великобритании, России и Казахстане и фишках успешного ведения бизнеса онлайн мы побеседовали с Владимиром Меркушевым — руководителем интернет-проектов успешной казахстанской компании Kolesa.kz....

10 11 2022 12:36:14

Черная пятница 2021 в Европе и Украине. Как изменились традиционные даты распродаж и топы бестселлеров

Черная пятница 2021 в Европе и Украине. Как изменились традиционные даты распродаж и топы бестселлеров В этом году часть пользователей предпочла вернуться к привычным покупкам в оффлайн-магазинах....

09 11 2022 11:10:20

Как составить техзадание по крауд-маркетингу для сайтов услуг

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

08 11 2022 17:12:24

«Бесплатные» слова в метаданных. Как работают связующие слова в App Store

«Бесплатные» слова в метаданных. Как работают связующие слова в App Store Проверяем, есть ли разница в ранжировании при наличии/отсутствии этих слов в метаданных. Эксперимент....

07 11 2022 15:13:45

Как создать крутую комaнду фрилансеров

Как создать крутую комaнду фрилансеров Где и как разработчик может подобрать ответственных удаленщиков, как составить техническое задание, чем контролировать качество работы...

06 11 2022 1:59:47

Как использовать видео для увеличения онлайн-продаж

Как использовать видео для увеличения онлайн-продаж 12 идей для видеоконтента и расскажем, где их лучше размещать, чтобы зрители стали клиентами. Как использовать видео для повышения продаж? Длинный, но все равно неполный список форматов. Читайте дальше и предлагайте свои варианты!...

05 11 2022 9:56:20

Кейс по привлечению платного трафика в тематике «оптовая торговля одеждой»: ROMI 345%

Кейс по привлечению платного трафика в тематике «оптовая торговля одеждой»: ROMI 345% О том как растут доходы при оптовой торговле женской одеждой и обувью, а траты на рекламу остаются на прежнем уровне...

04 11 2022 5:50:50

Макс Бурцев (Arriba) про большие идеи для брендов

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

03 11 2022 16:29:45

Рекламные кампании для масштабирования бизнеса в интернете

Рекламные кампании для масштабирования бизнеса в интернете Главные вопросы при запуске и настройке любых кампаний: «чего я хочу достичь?», «помогает ли текущая кампания достичь желаемых результатов?», «влияет ли кампания на эффективность других кампаний и источников?». Узнать больше....

02 11 2022 22:35:28

Гeймификация в email-маркетинге: повышаем вовлеченность в рассылках

Гeймификация в email-маркетинге: повышаем вовлеченность в рассылках Как использовать игровые механики для вовлечения аудитории....

01 11 2022 8:24:32

Engagement Rate в email-маркетинге: что это, как посчитать и повысить

Engagement Rate в email-маркетинге: что это, как посчитать и повысить Определяем, кто из mail подписчиков предан вашему бренду по-настоящему....

31 10 2022 15:46:26

Как исключить площадки в Google Рекламе и сэкономить деньги — реклама мобильных приложений

Как исключить площадки в Google Рекламе и сэкономить деньги — реклама мобильных приложений Как избежать скликивания, случайных переходов и «пустых» установок при рекламе мобильного приложения...

30 10 2022 17:37:52

Что такое безанкорные ссылки

Что такое безанкорные ссылки Полезный ликбез для новичков и бизнесменов: анкорные и безанкорные ссылки. Чем отличаются, зачем нужны, какое влияние оказывают на раскрутку сайта в интернете? Узнать!...

29 10 2022 8:46:45

Инфографика: как именно рулит контент

Инфографика: как именно рулит контент Консультант по маркетингу в зоне ru Екатерина Решетило написала пост о том, как правильно настроить стратегический контент-маркетинг для долгосрочных продаж...

28 10 2022 17:44:26

Как загрузить файл в корневой каталог сайта

Как загрузить файл в корневой каталог сайта Корневой каталог это папка, содержащая все файлы на сайте, в том числе системные файлы....

27 10 2022 23:27:47

Как продвигать премиум-продукты — аутрич кейс бренда High-End акустики Copra

Как продвигать премиум-продукты — аутрич кейс бренда High-End акустики Copra Кейс о том, как написать большинству дилеров премиальных акустических систем в Европе и ничего не продать. И почему это кейс, а не антикейс....

26 10 2022 0:54:13

Как перейти на HTTPS за 12 часов и сохранить трафик

Как перейти на HTTPS за 12 часов и сохранить трафик Как перенести сайт с http на https и сохранить трафик, потратив минимум времени....

25 10 2022 11:47:14

Рычаги управления людьми

Рычаги управления людьми Эта книга рекомендована к прочтению решительно всем :)...

23 10 2022 9:10:41

Что такое брендовые запросы и нужно ли крутить по ним контекстную рекламу

Что такое брендовые запросы и нужно ли крутить по ним контекстную рекламу Брендовые или витальные запросы содержат только название компании или бренда, без дополнительных уточнений...

22 10 2022 13:38:18

Всё, что вы хотели узнать про краудфандинг, но стеснялись спросить

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

21 10 2022 22:38:17

13 пpaктически применимых фишек для интернет-магазинов — круглый стол 8P 2017

Как создать популярный и удобный магазин в интернете, какой должна быть его раскрутка и многое другое, прозвучавшее на круглом столе 8P 2017...

20 10 2022 22:22:12

Расширения Chrome, которые помогут PPC-специалисту не сойти с ума

Расширения Chrome, которые помогут PPC-специалисту не сойти с ума Доступно объясняем, как пользоваться и не типичными для экспертов по контекстной рекламе программами. Например, созданными для разработчиков. Узнать больше!...

19 10 2022 8:13:48

Что эффективнее: Google Реклама или Bing Ads

Что эффективнее: Google Реклама или Bing Ads Подробно о преимуществах и особенностях двух сервисов контекстной рекламы....

18 10 2022 23:51:22

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

От того, что такое оффер до лучших стратегий и избежания ошибок...

17 10 2022 23:33:13

Как разработать графический интерфейс для скриптов R

Как упростить работу со скриптами на языке R? Программирование удобного интерфейса с помощью пакета «gWidgets»...

16 10 2022 21:31:59

Как работает экосистема Netpeak Group — интервью каналу «Точка G»

Как работает экосистема Netpeak Group — интервью каналу «Точка G» Узнай, как бэкофис группы помогает развиваться компаниям, и выиграй iPhone — подбери крутое название для нашей группы....

15 10 2022 18:24:41

Как сделать правильную перелинковку в интернет-магазине

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

14 10 2022 7:49:38

Путь от обычного сайта до интернет-магазина — история Сергея Бабенышева и бизнеса Tricolor

Путь от обычного сайта до интернет-магазина — история Сергея Бабенышева и бизнеса Tricolor C какими сложностями пришлось столкнуться при создании интернет-магазина....

13 10 2022 7:11:48

Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::