Гиф что такое: Файл GIF - что это за формат и основные программы

Содержание

Что означает gif. Что такое и где находятся гифы в одноклассниках

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

Понятие о формате

GIF можно расшифровать как «формат, предназначенный для обмена графическими изображениями». Его разработала компания CompuServe в 1987 г. для того, чтобы пересылать по сети.

Картинки с расширением.GIF могут храниться без ущерба для качества и насчитывать до 256 наиболее распространенных цветов. Есть возможность поддержки и большего количества оттенков в анимациях при наличии отдельной палитры у каждого кадра и нулевой задержке между показами. Формат подразумевает работу со стандартной цветовой палитрой. Картинка сохраняется построчно. Благодаря LZW-компрессии файлы с большим количеством однородных участков легко сжимаются. Изображение при этом не теряет четкости.

Усовершенствованные GIF-изображения

Что значит гифка для современного пользователя, если в ней нет анимации? Это совсем не то, что он хотел. Поэтому вскоре после создания формат был усовершенствован: с 1989 г. GIF-файлы могут быть динамичными и содержать прозрачные участки. Анимированная гифка — это изображение, которое содержит несколько кадров, а также сведения о частоте и порядке их вывода на экран. Как правило, процесс закольцовывается, и после окончания показа гифка запускается заново.

Среди цветов палитры можно объявить прозрачный. В таком случае современные браузеры будут отображать фон сквозь неокрашенные участки. Частичная прозрачность, поддерживаемая в PNG, для гифок не характерна: пиксель может быть либо заполненным, либо прозрачным.

Где применяется GIF-формат?

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

Формат GIF распространен в веб-дизайне. Он прекрасно подходит для передачи небольших картинок, в т. ч. содержащих текст. Красиво оформленные кнопки с разнообразными надписями — не что иное, как гифки. Тем не менее, GIF не годится для сохранения фотографий. Для такой цели идеально подходит JPEG (JPG): этот формат не ограничен в количестве отображаемых цветов.

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

Технические характеристики

Что такое гифка? Прежде всего, это уменьшенное по «весу» изображение. Формат предполагает LZW-сжатие, которое позволяет объединять повторяющиеся пиксели. Поэтому чем больше однородных участков, тем сильнее будет уменьшено изображение. Алгоритм позволяет сокращать размер восьмибитных картинок с палитрой без ущерба для качества: упакованные данные можно полностью восстановить. Что касается фотографий, то ограничение в 256 цветов будет необратимым.

Алгоритм LZW выискивает одинаковые участки файла, называемые фразами, присваивает им маркеры и заносит в таблицу. Например, в картинке есть 70 наборов пикселей, окрашенных в оранжевый, желтый и розовый цвета. Каждому из них будет присвоено одно и то же значение — например, 8. Данные будут сохранены 70 раз в виде записи с восьмеркой. Чем меньше шума на картинке, тем более качественным будет сжатие.

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

Сначала записываются 1, 5, 9 и дальнейшие строки с интервалом «4», в таком же порядке они появляются при загрузке. Когда 25% будет загружено, можно увидеть размытую картинку. Далее появляются 3, 7, 11 и дальнейшие строки, изображение становится в 2 раза четче. Затем грузятся остальные ряды (2, 6, 10… и 4, 8, 12…) и картинка приобретает окончательный вид. Такой способ записи немного увеличивает размер гифки, но возможность увидеть ее до окончания загрузки полностью оправдывает этот маленький недостаток.

Что такое гифка «В Контакте»?

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

Чтобы вставить анимацию с другого сайта, нужно щелкнуть по ней правой кнопкой мыши и найти в меню пункт, позволяющий скопировать адрес (URL). Затем необходимо перейти на сайт «ВКонтакте» и вставить адрес в то место, в котором должна появиться гифка (например, в поле, где вы пишете текст поста на стене). Система автоматически загрузит картинку, после чего ссылку можно убрать. Нажмите Enter для публикации гифки.

Чтобы загрузить гифку с компьютера, ее нужно поместить в раздел «Документы» (сам раздел открывается в настройках). Нажмите «добавить документ», выберите уровень доступа. Чтобы поместить гифку в сообщение или пост, необходимо нажать кнопку «Прикрепить» и найти нужный файл.

Анимированные картинки, увиденные у друзей, можно сохранять себе. Для этого нужно развернуть изображение кнопкой «+», нажать на него правой кнопкой и выбрать в меню нужный пункт.

В ВК? Это прекрасный способ украсить свой профиль, выразить эмоции, развлечь себя и друзей. Добавляйте анимации в переписку или на стену с собственного компьютера или интернет-сайтов: теперь вы знаете, как это сделать!

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

Что значит GIF ?

Формат GIF расшифровывается как Graphics Interchange Format. В переводе название означает формат для обмена изображениями. В социальной сети ОК возможность использовать данный формат появилась относительно недавно – в середине 2015 года. Разработчики решили не выделять данный формат в отдельный раздел, а приписать их к фотографиям. Вы можете использовать гифки в следующих областях:

делать с ними посты в Одноклассниках на своей стене или в группе;

вставлять в комментарии;
сохранять в личные альбомы;

ставить на аватарку.

Как видите, вы можете делать с гифками все то же, что и с фотографиями.

Альбом Гифы в Одноклассниках: что это?

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

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

Что такое гифы

Тонкие длинные нити, из котор. состоит тело гриба.

Словарь иностранных слов, вошедших в состав русского языка.- Чудинов А.Н. , 1910 .

Ги́фы

(гр. hyphe ткань, паутина) одноклеточные или многоклеточные нити, образующие вегетативные (мицелий) и плодовые тела грибов.

Новый словарь иностранных слов.- by EdwART, , 2009 .

[] – бот. микроскопические нити, образующие тело грибов

Большой словарь иностранных слов.- Издательство «ИДДК» , 2007 .

Гифы

гиф, ед. гифа , ы, ж. ( греч. hyphē ткань, паутина).
бот. Одноклеточные или многоклеточные нити, образующие вегетативные (мицелий ) и плодовые тела грибов.

Толковый словарь иностранных слов Л. П. Крысина.- М: Русский язык , 1998 .

Синонимы :

Смотреть что такое «ГИФЫ» в других словарях:

Микроскопические ветвящиеся нити, образующие вегетативное тело гриба – таллом. Вся совокупность Г. грибного таллома называется мицелием. Толщина Г. от 0 до 30 мкм. Обладают верхушечным (апикальным) ростом. У «низших» грибов Г. не имеют поперечных … Словарь микробиологии

— (от греч. hyphe ткань паутина), микроскопически тонкие, простые или ветвящиеся нити, из которых формируются вегетативное тело (грибница, или мицелий) и плодовые тела грибов … Большой Энциклопедический словарь

ГИФЫ, микроскопические, нитеобразные сплетения, совокупность которых образует МИЦЕЛИЙ ГРИБА. Отвечают за размножение и питание гриба … Научно-технический энциклопедический словарь

— (от греч. hyphe ткань, паутина), микроскопич. ветвящиеся нити, образующие вегетативное тело гриба таллом. Вся совокупность Г. грибного таллома наз. мицелием. Диам. Г. от 2 до 30 мкм. Обладают верхушечным (апикальным) ростом. У низших грибов Г. не … Биологический энциклопедический словарь

Сущ., кол во синонимов: 1 нить (44) Словарь синонимов ASIS. В.Н. Тришин. 2013 … Словарь синонимов

гифы — Тонкие ветвящиеся нити, совокупность которых составляет мицелий. [ГОСТ 9.102 91] Тематики воздействие биол. факторов … Справочник технического переводчика

Ов; мн. (ед. гифа, ы; ж.). [греч. hyphē] Тонкие нити, из которых состоят грибница и плодовое тело грибов. * * * гифы (от греч. hyphē ткань, паутина), микроскопически тонкие, простые или ветвящиеся нити, из которых формируются вегетативное тело… … Энциклопедический словарь

гифы — hifai statusas T sritis ekologija ir aplinkotyra apibrėžtis Siūliškos ląstelės, sudarančios grybų vegetatyvinę dalį ir vaisiakūnius. atitikmenys: angl. hyphae vok. Hyphen, f; Pilzfaden, m rus. гифы … Ekologijos terminų aiškinamasis žodynas

— (от греч. hyphe ткань, паутина) микроскопические простые или разветвленные нити, из которых формируются вегетативные (грибница, или мицелий) и плодовые тела грибов. Они состоят из одной (у низших) или многих (у высших грибов) клеток … Большая советская энциклопедия

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

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

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

Если вам необходимо отредактировать или изменить изображения в формате GIF, вы можете воспользоваться популярными утилитами на подобии Adobe Photoshop, Paint Net либо Corel PaintShop и так далее. Описываемое расширение, является одним из самых распространенных в сети Интернет среди аналогов, потому как оживляет не только сами страницы веб-ресурсов, но и наделяет пользователей возможностью обмена анимациями, к примеру, в социальных сетях и коммуникационных приложениях.

Gif анимация. Что такое Gif. Гифки! Уроки Gimp. Как сделать Гифку в фоторедакторе Гимп лайфхаки HD

Жаропонижающие средства для детей назначаются педиатром. Но бывают ситуации неотложной помощи при лихорадке, когда ребенку нужно дать лекарство немедленно. Тогда родители берут на себя ответственность и применяют жаропонижающие препараты. Что разрешено давать детям грудного возраста? Чем можно сбить температуру у детей постарше? Какие лекарства самые безопасные?

Gif анимация Вконтакте – это короткое анимированное видео, которое можно добавить к себе на стену, отправить в сообщении другу или вставить в комментарий к фото. Изначально создатели ресурса были против анимационных вставок на сайте, и добавить их было невозможно. Принципы администрации поддерживали строгое разделение на разделы. Для изображений – фотоальбомы, для роликов – видеозаписи. Однако на сегодняшний момент короткие анимированные ролики стали крайне популярны в виртуальном пространстве. И чтобы не отставать от трендов, администрация ВК все-таки дала возможность своим поклонникам загружать гифки. Чтобы загрузить gif Вконтакте для начала нужно отыскать подходящий ролик и добавить к себе в документы.

Множество интересных и смешных гифок вы можете найти в соответствующих группах в ВК или же на других виртуальных ресурсах. Например, в группе

https://vk.com/best_gif представлено широкое разнообразие забавных роликов.

Выберите один из них. Затем, кликните на проигрывание ролика. Как только видео начнет проигрываться в полном экране, нажмите на значок плюсика внизу справа. Гифка автоматически появиться в ваших документах. Также достаточно просто отыскать смешные гифки в разделе «документы» на вашей страничке.

Откройте данный раздел и в поле справа выберите пункт «gif». Поиск Вконтакте отыщет для вас массу разнообразных анимаций. Если вы нашли любопытную анимацию в интернете и желаете, чтобы она присутствовала в вашем контакте, то просто скопируйте ссылку на нее и добавьте к себе на стену. Гифка загрузиться в ВК, и вы сможете добавить ее в свои документы.

Как вставить gif Вконтакте

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

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

Gif анимация Вконтакте

Gif анимацию Вконтакте можно не только загружать, но создавать самому. Поможет в этом специальное приложение для создания гифок

Статья описывает, что такое гивка и как ее использовать Вконтакте.

Навигация

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

гифка , как ею пользоваться и как применять в социальной сети «Вконтакте ».

Что такое гифка?

Расширение «.GIF » (указывается в конце названия файла) является форматом для обмена графическими изображениями. Получаемые картинки в таком формате способны безопасно храниться, не теряя качество и насчитывая до 256 различных цветов. Можно, конечно, добиться и большего количества цветовых оттенков для анимации при необходимости.

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

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

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

Готовая гифка с подвижной картинкой (59 кадров)

В качестве цвета палитры можно отметить прозрачный. Это позволяет браузерам («Мозилла », «Гугл Хром », «Опера » и т.д.) показывать фон сквозь прозрачные участки.

Где используются гифки?

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

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

Но GIF файлы не могут выступать в качестве фотографий, для чего уже применяются файлы формата JPEG (JPG ) с неограниченным количеством цветов.

Как использовать гифки в социальной сети «Вконтакте»?

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

Для начала выбираем источник, откуда нам следует брать ту или иную понравившуюся нам гифку . Такими источниками могут служить Интернет или компьютер (ноутбук и т.д.).

Если нам необходимо позаимствовать GIF файл из Интернета, то следует кликнуть по нему правой кнопкой мышки и в открывшемся меню выбрать пункт вида «Копировать ссылку на изображение» (в каждом браузере могут быть свои наименования). Затем вставляем скопированную ссылку в нужное нам место на сайте «Вконтакте »: на стене групп, в комментариях, на своей стене, в сообщениях и т.д. Далее нажимаем на «Отправить ». Ясно, что мы совершаем абсолютно стандартные действия, как и в следующем случае.

При желании отправить какую-либо свою любимую гифку с компьютера её сначала необходимо поместить в раздел «Документы », который расположен в левом столбце сайта «Вконтакте ». Заходим в этот раздел, нажимаем на «Добавить документ » и далее ищем нужный нам файл на своём жёстком диске. В итоге, в своих «Документах » мы можем собрать целый список GIF файл , копировать их отсюда и вставлять в желаемое окно сайта.

Помимо этого, гифки можно копировать (к себе в «Документы ») у других пользователей «Вконтакте », нажав на саму гифку , а затем на значок «+ ».

Видео: Gif анимация. Что такое Gif. Гифки! Уроки Gimp. Как сделать Гифку в фоторедакторе Гимп лайфхаки HD

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

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

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

Правильно анимацию необходимо загружать следующим образом.

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

– это последовательность связанных по смыслу картинок, которые чередуются в доли секунды. Этими картинками могут быть как отдельные кадры из фото или видео, так и вырезанный кусочек видео ролика. При создании анимации различными редакторами указывается длительность каждого кадра, а также длительность паузы между кадрами. Анимацию можно делать зацикленной, то есть после последнего кадра будет проигрываться сразу первый и так до бесконечности. Иначе, анимация может проигрываться один раз и останавливаться на последнем кадре. Это Вы выбираете уже сами при ее создании.

Итак, где можно подобрать себе, для друга или любимого человека приятную анимацию будто на стену или на аватарку?

Найти готовую анимацию через поиск на различных сайтах. В тех же Вконтакте существует масса сообществ, в которых пользователи регулярно выкладывают прикольные, смешные и веселый анимашки на все случаи жизни. Достаточно ввести в поиске Гугл или Вконтакте фразу «gif анимации » и выбирайте на потеху. Или же просто зайдите в раздел «Документы» и выберите в критериях поиска фильтр по «Gif». Здесь Вам откроются все доступные Вконтакте гифки.

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

Распечатать

Тонкие длинные нити, из котор. состоит тело гриба.

Словарь иностранных слов, вошедших в состав русского языка.- Чудинов А.Н. , 1910 .

Ги́фы

Новый словарь иностранных слов.- by EdwART, , 2009 .

[] – бот. микроскопические нити, образующие тело грибов

Большой словарь иностранных слов.- Издательство «ИДДК» , 2007 .

Гифы

Толковый словарь иностранных слов Л. П. Крысина.- М: Русский язык , 1998 .

Синонимы :

Смотреть что такое «ГИФЫ» в других словарях:

Сущ., кол во синонимов: 1 нить (44) Словарь синонимов ASIS. В.Н. Тришин. 2013 … Словарь синонимов

Здравствуйте, уважаемые читатели блога Start Luck! Наверняка каждый пользователь, регулярно или время от времени выходящий «посерфить» в интернете, сталкивался с так называемыми гифками. Чаще всего я встречался с ними в социальных сетях — Вконтакте, Одноклассниках и т.д.

Но, конечно, используются они повсеместно. Формат не для всех понятный — то ли это видео, то ли картинка. Предлагаю вам расставить все точки над i.

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

Что это?

Что такое gif? Что за формат? Создан он был для обмена растровыми (пиксельными) картинками. Удобен и популярен он стал из-за своей особенности сжимать графические файлы без особой потери их качества. Но у всего есть предел, а лимит gif – 256 цветов.

Этого может не хватить для того чтобы передать изображение с очень насыщенной цветовой палитрой. Через пару лет после разработки этот формат был усовершенствован — появилась поддержка прозрачности и анимации.

Что за прозрачность? Чтобы не давать какому-то участку цвет (ведь количество ограничено), его делают прозрачным, и он будет приобретать цвет фона. То есть, он может быть белым, черным или красным — все зависит от того, где вы откроете гифку.

Я вот, например, как-то раз сохранил картинку в этом формате. Скачивал я черную надпись на белом фоне и что, вы думаете, я увидел в галерее? Просто черный квадрат. Это уже промах создателя гифки, можно было бы и обойтись без прозрачности — тут всего два цвета!

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

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

Где их взять?

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

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

Или можете найти человека, который сделает вам сайт на Kwork.ru или , что будет дешевле.

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

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

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

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

Вот это собственно и есть гифки в Одноклассниках. О том, что это такое, и где их можно найти на своей страничке, мы и поговорим.

Гифы: что это

Гифы или анимация (что, в принципе, то же самое) – это изображение, на котором объекты, люди и все остальное представлено в движении. Сохранено оно в формате.gif –отсюда и название.

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

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

Добавить гифку к себе на страницу можно несколькими способами: или кликнув в окошке, где она воспроизводится, в левом нижнем углу по плюсику:

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

В обоих случаях, она отобразится в ленте, и ее смогут увидеть все друзья.

Где найти в Одноклассниках альбом гифы

Думаю, знаете, сто все фотографии, добавленные в Одноклассники, хранятся в том или другом альбоме. Точно также и с гифками – хранятся они в меню «Фото» в альбоме, который так и называется «Гифы».

Теперь о том, где найти альбом гифы в Одноклассниках.

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

Понятие о формате

Усовершенствованные GIF-изображения

Где применяется GIF-формат?

Технические характеристики

Что такое гифка «В Контакте»?

Как использовать гифки в социальных сетях

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

Для чего нужны гифки

Гифки популярны в соцсетях, пользователи Тамблера ежедневно загружают 23 миллиона гифок, через Фейсбук Мессенджер каждый день проходит 5 миллионов анимированных изображений. В Слаке каждый месяц отправляют 2 миллиона гифок.

Гифки — хорошая альтернатива видео. Зацикленная анимация показывает тот же видеоряд, что и ролик, но меньше «весит» и быстрее открывается при медленном интернете. Это важно, ведь 51% роликов в соцсетях просматривается с мобильных устройств.

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

Чтобы показать данные

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

Например, компания REHAU рассказывает о преимуществах полимерных конструкций с помощью гифок в соцсетях. Она показала, как тёплые окна и полы экономят электричество:

Чтобы объяснить, как всё работает

13 инструментов для создания видео, картинок и гифок — подборка Амплифера

Анимированная инструкция заменяет длинный текст и десяток скриншотов. В соцсетях популярны паблики, которые публикуют рецепты и лайфхаки в гифках.

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

Для продвижения

Западные бренды используют гифки для продвижения товаров и услуг. Например, сеть Starbucks выпустила 21 гифку, чтобы прорекламировать фраппучино. General Electric с помощью гифок в Тамблере объясняет научные факты и знакомит молодую аудиторию с брендом:

Гифка General Electric к Дню Земли

L’Oréal Paris с помощью гифки в Фейсбуке продвигала новую коллекцию помад. Бренд показал все оттенки в одной анимированной картинке:

Samsung рассказывает о нововведениях и своих продуктах в гифках. Так, компания показала преимущества процессора нового смартфона Galaxy S8:

У Galaxy S8 самый продвинутый в мире процессор — его транзисторы уменьшены до 10 нанометров: https://t.co/tqpjuln2Zm pic.twitter.com/vkeFtTjJSN
— Samsung Russia (@SamsungRu) 7 апреля 2017 г.

Для проведения конкурсов

Гифки в соцсетях использует Apple. Рассказываем, как компния делает СММ

Бренды и издания с помощью гифок привлекают дополнительное внимание к постам в соцсетях и вовлекают подписчиков. Например, Fanta во «ВКонтакте» проводит конкурсы с небольшими призами:

«РИА Новости» добавляет гифки к анонсам материалов в соцсетях. Рассказать о розыгрыше билетов на финал киберспортивного турнира EPICENTER информагентство также решило с помощью гифки:

Как гифки работают в соцсетях

«ВКонтакте»

Таргетинг: «ВКонтакте» против Фейсбука — колонка специалиста по интернет-маркетингу Дмитрия Румянцева

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

«ВКонтакте» автоматически запускает гифки в ленте и на стене, если анимация — единственное прикрепление к посту. Если в записи есть другие гифки, картинки, видео или аудио, то анимация не запустится автоматически.

Чтобы сохранить гифку из публикации, нужно нажать «+» в правом верхнем углу анимации. Изображение сохранится в «Документы»:

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

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

Чтобы найти гифку, нужно зайти в «Документы» и ввести в строке поиска ключевое слово. «ВКонтакте» покажет все гифки, у которых оно есть в названии.

Подключите «ВКонтакте» в Амплифере, чтобы публиковать посты с гифками по расписанию

Гифки в Фейсбуке

Гид по рекламе в Фейсбуке и Инстаграме

Гифки в Фейсбуке можно публиковать на всех типах страниц и в группах, добавлять в комментарии, отправлять в личных сообщениях, использовать в рекламе. Соцсеть рекомендует загружать гифки размером не более 8 МБ.

Фейсбук воспроизводит гифки автоматически. Они добавляются в запись так же, как и обычное изображение — по ссылке с другого сайта или загрузкой с компьютера:

При публикации можно найти подходящие гифки в библиотеке GIPHY.

Подключите Фейсбук в Амплифере и публикуйте гифки на нескольких страницах одновременно

Гифки в Одноклассниках

Гид по продвижению в Одноклассниках

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

Все загруженные в Одноклассники гифки сохраняются в альбоме «Гифы». Туда же отправляются изображения, которые пользователь сохранил из новостной ленты, нажав «+» в левом нижнем углу картинки. Загрузить гифку с компьютера или телефона можно так же, как и обычную картинку:

Ещё один способ — добавить гифку с другого сайта, указав её ссылку. При этом анимация воспроизведётся автоматически. Встроенного поиска по гифкам в Одноклассниках нет.

Подключите Одноклассники в Амплифере, чтобы получать отчёт по постам с гифками и другим публикациям

Гифки в Твиттере

Соцсеть поддерживает только гифки с «закольцованной» анимацией, как «вайны» из одноимённого сервиса. Иначе гифка публикуется как статичная картинка.

Максимальный «вес» гифки — 5 МБ для мобильных приложений и 15 МБ для веб-версии. Твиттер автоматически подгоняет размер изображения под ширину ленты и развёрнутого поста.

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

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

Подключите Твиттер в Амплифере и отслеживайте эффективность постов с гифками

Как гифки работают в мессенджерах

Гифки в Телеграме

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

6 ботов для автора канала в Телеграме

В Телеграме есть бот для поиска гифок. Его можно вызвать в любом чате командой @gif и написать ключевое слово для поиска:

Подключите Телеграм в Амплифере и публикуйте гифки в своём канале

Гифки в Вайбере

Гид по маркетингу в мессенджерах

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

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

Подключите Вайбер в Амплифере и публикуйте гифки в паблик-чатах

Гифки в WhatsApp

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

Загружать гифки лучше с телефона — в десктопной версии они публикуются как статичные изображения. Отправить гифку в мобильной версии можно так же, как и обычную картинку:

В WhatsApp есть поиск по гифкам. Чтобы найти анимацию, нужно открыть вкладку с эмодзи, выбрать gif и искать по ключевому слову. Используются библиотеки GIPHY и Tenor.

Гифки в Фейсбук Мессенджере

Гифки воспроизводятся автоматически и публикуются отдельными сообщениями. Подписи добавлять нельзя. Можно добавить гифку, указав ссылку, или загрузить её с компьютера или телефона:

В десктопной версии для поиска гифок есть специальная кнопка GIF. Чтобы найти гифку в Фейсбук Мессенджере с телефона, нужно зайти во вкладку с эмодзи и выбрать GIF.

Как загружать гифки в Амплифер

В Амплифере можно сделать публикации с гифками в несколько соцсетей и мессенджеров одновременно. Амплифер работает с Фейсбуком, «ВКонтакте», Твиттером, Одноклассниками, Пинтерестом, Тамблером, Гугл+, Вайбером и Телеграмом.

Чтобы сделать публикацию, зайдите в свой проект и выберите в боковом меню «Новый пост». В появившемся окне отметьте аккаунты, в которые хотите опубликовать гифку. Загрузите гифку, нажав на «+», или перетащите её в поле добавления картинки или видео и запланируйте время публикации:

Подключите Амплифер, чтобы публиковать гифки и другой контент в несколько соцсетей одновременно

Запомнить:

Бренды используют гифки, чтобы показывать данные, объяснять, как пользоваться сервисами, продвигать новые продукты и вовлекать аудиторию.
В большинстве соцсетей и мессенджеров гифки проигрываются автоматически.
В Фейсбуке и «ВКонтакте» можно использовать гифки в рекламных постах.
Гифки в Одноклассниках воспроизводятся автоматически, даже если в записи их несколько.
Во всех соцсетях и мессенджерах, кроме Одноклассников, есть встроенный поиск по гифкам.
В Амплифере можно загрузить гифку во все соцсети и мессенджерыы одновременно.

Использование файлов GIF в видеорекламе

Вы можете использовать файлы GIF в рекламе на Facebook, в Instagram, Messenger и Audience Network. Они воспроизводятся в рекламе как видеофайлы, и для них доступны те же метрики, что и для видеорекламы. Чтобы добавить файл GIF в видеорекламу, загрузите соответствующий файл на этапе ее создания в Ads Manager или продвигайте публикацию с файлом GIF со своей Страницы Facebook.

Рекомендуем использовать в видеорекламе файл GIF высокого качества и с плавной анимацией. Не используйте GIF с мигающими изображениями или видимыми пикселями. Размер таких файлов не должен превышать 4 ГБ.

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

Чтобы создать видеорекламу с файлом GIF в Ads Manager:

Приступите к созданию видеорекламы в Ads Manager.
В разделе Рекламные креативы нажмите Добавить медиафайл.
Выберите Добавить видео.
Выберите нужный файл GIF.
- Чтобы использовать новый файл GIF, нажмите Загрузить и добавьте его как обычный видеофайл.
- Если вы хотите использовать существующий файл, введите его название в строке поиска.
- Чтобы добавить файл GIF из бизнес-аккаунта или со Страницы Facebook, нажмите Видео аккаунта и выберите Видео компании или Видео Страницы.
- Чтобы использовать файл GIF с сайта, нажмите Видео аккаунта и выберите URL видео. Вставьте ссылку на видеофайл и нажмите Импортировать. После этого видео появится в разделе «Видео аккаунта».
Нажмите на миниатюру файла GIF, а затем — Далее.
При необходимости обрежьте изображение GIF для каждого места размещения.
Нажмите Готово.
Завершите создание видеорекламы и нажмите Опубликовать, когда всё будет готово.

После публикации файл GIF будет показываться в вашей рекламе.

Чтобы создать видеорекламу с файлом GIF со Страницы Facebook:

Создайте публикацию с файлом GIF или ссылкой на него и нажмите Опубликовать.
Найдите эту публикацию на Странице Facebook. Возможно, понадобится перезагрузить страницу.
Нажмите Продвигать публикацию и укажите нужные сведения. Когда всё будет готово, нажмите Продвигать публикацию.

Продвигаемая публикация с файлом GIF будет показываться в виде рекламы.

Статьи по теме

ГИФ — Что такое ГИФ?

Слово состоит из 3 букв: первая г, вторая и, последняя ф,

Слово гиф английскими буквами(транслитом) — gif

Значения слова гиф. Что такое гиф?

Гифы

ГИФЫ ГИФЫ (от греч. hyphe — ткань, паутина), микроскопич. ветвящиеся нити, образующие вегетативное тело гриба — таллом. Вся совокупность Г. грибного таллома наз. мицелием. Диам. Г. от 2 до 30 мкм.
Биологический энциклопедический словарь. — 1986

Гиф — одноклеточная или многоклеточная нить, образующая вегетативное и плодовое тело гриба.
glossary.ru

Гифы (от греч. hyphe — ткань, паутина), микроскопические простые или разветвленные нити, из которых формируются вегетативные (грибница, или мицелий) и плодовые тела грибов.
БСЭ. — 1969—1978

Ги́фу

Ги́фу (Gifu), город в Японии, в центр. части о. Хонсю, в 25 км к СЗ. от г. Нагоя, с которым тесно связан экономически. 403 тыс. жителей (2000). Пострадал от землетрясения в 1891 г. Экон. ин-т Нава (1896). Городское адм.
Географическая энциклопедия

Гимений

Гиме́ний, или гимениа́льный слой (лат. hymenium от др.-греч. ὑμένιον «тонкая оболочка, пленочка») — микроскопически тонкий слой плодового тела базидиальных и сумчатых грибов, содержащий спороносящие (фертильные) элементы — базидии или аски.К таким слоям относят траму, которая образует макроскопическую структуру гименофора; окончания генеративных гиф непосредственно под слоем базидий образуют субгимений.
ru.wikipedia.org

Гимений, ботан., или гимениальный слой у грибов, слагается из концов плодоносящих гиф — базидий со стеригмами, или аскусов, и расположенных между ними бесплодных парафиз и цистид; редко возникает прямо на мицелии гриба…
Брокгауз и Ефрон. — 1907—1909

Гифу (префектура)

Ги́фу (яп. 岐阜市 Гифу-си) — центральный город Японии, административный центр префектуры Гифу. Прежде чем стать городом, он был частью бывшего округа Ацуми, но уже изначально считался основным городом в данном регионе.
ru.wikipedia.org

Ги́фу (яп. 岐阜県 Гифу-кэн) — префектура, расположенная в регионе Тюбу на острове Хонсю, Япония. Площадь префектуры составляет 10 621,17 км², население — 2 077 617 человек (1 мая 2010), плотность населения — 195,61 чел./км².
ru.wikipedia.org

Гифу, префектура в Японии, в центральной части о. Хонсю. Площадь 10,6 тыс. км². Население 1,7 млн. человек (1966), в том числе около 59% городского. Административный центр —г.
БСЭ. — 1969—1978

Проба Гифа (Sample Giff)

Проба Гифа кожная проба, позволяющая определить, имеет или нет человек иммунитет к туберкулезу. С помощью специального пружинного пистолета, заряженного очень короткими иглами…
Медицинские термины. — 2000

Проба Гифа (Sample Giff) Проба Гифа — кожная проба, позволяющая определить, имеет или нет человек иммунитет к туберкулезу. С помощью специального пружинного пистолета, заряженного очень короткими иглами…
Медицинские термины от А до Я

Университет Гифу

Университет Гифу (яп. 岐阜大学 Гифу дайгаку) — один из государственных университетов в Японии. Его кампус находится в Янагидо, Гифу, в префектуре Гифу. Университет Гифу был образован в 1949 году путём слияния трёх государственных высших школ…
ru.wikipedia.org

Примеры употребления слова гиф

И тогда же команде пришла в голову мысль создать анимированный гиф.

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

гит
гифомицет
гифы
гиф
гичка
главарь
глава

Как выглядит gif. Что такое Gif-анимация. Что такое ГИФ-сообщение в Viber

формат для обмена изображениями ) — популярный формат графических изображений. Способен хранить сжатые данные без потери качества в формате не более 256 цветов . Не зависящий от аппаратного обеспечения формат GIF был разработан в 1987 году (GIF87a) фирмой CompuServe для передачи растровых изображений по сетям. В 1989-м формат был модифицирован (GIF89a), были добавлены поддержка прозрачности и анимации. GIF использует LZW -компрессию, что позволяет неплохо сжимать файлы, в которых много однородных заливок (логотипы, надписи, схемы).

GIF широко используется на страницах интернета .

Произношение названия

Создатели формата произносили его название как «джиф» /dʒɪf/ . Тем не менее, в англоязычном мире широко используется и произношение «гиф» /gɪf/ , основанное на том, что GIF — сокращение от Graphics Interchange Format. Оба варианта произношения указаны как правильные словарями Oxford English Dictionary и American Heritage Dictionary.

Область применения

Изображение в формате GIF хранится построчно, поддерживается только формат с индексированной палитрой цветов. Стандарт разрабатывался только для поддержки 256-цветовой палитры.

Один из цветов в палитре может быть объявлен «прозрачным». В этом случае в программах, которые поддерживают прозрачность GIF (например, большинство современных браузеров) сквозь пиксели, окрашенные «прозрачным» цветом будет виден фон. «Полупрозрачность» пикселей (технология альфа-канала) не поддерживается.

Анимированные изображения

Алгоритм сжатия LZW относится к форматам сжатия без потерь. Это означает, что восстановленные из GIF данные будут в точности соответствовать упакованным. Следует отметить, что это верно только для 8-битных изображений с палитрой, для цветной фотографии потери будут обусловлены переводом её к 256 цветам.

Срок действия последнего патента на GIF истёк 11 августа 2006 года .

Альтернатива

Существует формат APNG , созданный в 2004 году, использующий 24-битные цвета и 8-битную полупрозрачность, работающий в браузерах Mozilla Firefox и Opera начиная с 2007 года. Некоторые программы и расширения также поддерживают APNG.

См. также

Примечания

Ссылки

The Graphics File Format Page (англ.)
Спецификация формата GIF87a (рус.)

Категория файлов

Медиаконтейнеры
Видео/аудио
Аудио
Графические форматы (сжатие)
Растровые
Векторные
Комплексные

Wikimedia Foundation . 2010 .

Смотреть что такое «GIF» в других словарях:

GIF — , ein Grafikformat zur Speicherung von Bilddateien; die Erweiterung von GIF Dateien ist ».gif«. Im Gegensatz zu unkomprimierten Bitmap Bildern werden GIF Dateien mit dem LZW Verfahren (LZ Kodierung)… … Universal-Lexikon

GIF — (jĭf, gĭf) A service mark used for a raster based color graphics file format, often used on the World Wide Web to store graphics. * * * in full Graphics Interchange Format Standard computer file format for graphic images. GIF files use data… … Universalium

gif — gif; gif·blaar; gif·o·la; man·gif·era; ran·gif·er·ine; spo·ran·gif·er·ous; ter·gif·er·ous; … English syllables

Gif — Cette page d’homonymie répertorie les différents sujets et articles partageant un même nom. GIF, sigle composé des trois lettres G, I et F, peut vouloir dire: Graphics Interchange Format, un format de données informatique d image numérique … Wikipédia en Français

GIF — noun trademark COMPUTING Graphic Interchange Format a computer file containing images with up to 256 colours. GIF files are used especially on webs, but they are not considered suitable for professional pr … Financial and business terms

GIF — (Graphics Interchange Format) es un formato de imagen utilizado ampliamente en la World Wide Web, tanto para imágenes como para animaciones. El formato fue creado por CompuServe en 1987 para dotar de un formato de imagen a color para sus areas de … Enciclopedia Universal

GIF — GIF, n. (Computers) 1. The Graphics Interchange Format, one of the most popular standardized formats for storing graphic data in binary computer files. The standard has been revised several times, and… …

Gif — Gif, conj. If. Note: Gif is the old form of if, and frequently occurs in the earlier English writers. See {If}. … The Collaborative International Dictionary of English

GIF™ — 7 [ɡɪf] [ɡɪf] noun (computing) the abbreviation for ‘Graphic Interchange Format ’ (a type of computer file that contains images and is used a lot on the Internet) … Useful english dictionary

GIF — n technical graphics interchange format a type of computer file that contains images and is used on the Internet … Dictionary of contemporary English

Понятие о формате

Усовершенствованные GIF-изображения

Где применяется GIF-формат?

Технические характеристики

Что такое гифка «В Контакте»?

Тонкие длинные нити, из котор. состоит тело гриба.

Словарь иностранных слов, вошедших в состав русского языка.- Чудинов А.Н. , 1910 .

Ги́фы

Новый словарь иностранных слов.- by EdwART, , 2009 .

[] – бот. микроскопические нити, образующие тело грибов

Большой словарь иностранных слов.- Издательство «ИДДК» , 2007 .

Гифы

Толковый словарь иностранных слов Л. П. Крысина.- М: Русский язык , 1998 .

Синонимы :

Смотреть что такое «ГИФЫ» в других словарях:

Сущ., кол во синонимов: 1 нить (44) Словарь синонимов ASIS. В.Н. Тришин. 2013 … Словарь синонимов

Что значит GIF ?

делать с ними посты в Одноклассниках на своей стене или в группе;

вставлять в комментарии;
сохранять в личные альбомы;

ставить на аватарку.

Как видите, вы можете делать с гифками все то же, что и с фотографиями.

Альбом Гифы в Одноклассниках: что это?

Что такое гифы

СХОЖИЕ СТАТЬИ

Полезное

Новое

Пришло время заменить 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, всё уже будет готово. Чтобы этого добиться, нам нужно создать тег видео, как показано ниже, который позволит браузеру выбирать предпочтительный формат — AV1 ->> VP9 ->> H.264. Ну а если у пользователя совсем старый девайс или навигатор, который видео не поддерживает вообще (что крайте маловероятно с h364), то он просто увидит GIF

<video autoplay loop muted playsinline poster="RollingCredits.jpg">
  <source src="media/RollingCredits.av1.mp4" type="video/mp4">
  <source src="media/RollingCredits.vp9.webm" type="video/webm">
  <source src="media/RollingCredits.x264.mp4" type="video/mp4">
  <img src="media/RollingCredits.gif">
</video>

Создание AV1

Создать видео в AV1 несложно. Скачайте последнюю сборку ffmpeg для вашей системы отсюда и используйте команды ниже. Мы используем 2 прохода для достижения целевого битрейта. Для этого мы будем запускать ffmpeg дважды. Первый раз мы запишем результат в несуществующий файл. Это создаст журнал, который понадобится для второго запуска ffmpeg.

# Linux or Mac
## Проход 1
ffmpeg -i input.mp4 -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 1 -f mp4 /dev/null && \
## Проход 2
ffmpeg -i input.
## Проход 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 явно выигрывает, выдавая очевидно лучшую картинку.