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

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

• неисправный браузер;
• ошибки или технические работы на OK.ru;
• проблемы с «Flash player»;
• заражение устройства вирусами.

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

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

• наличие сторонних «тормозящих» расширений;
• отсутствие последних обновлений программы.

Решением станет обновление обозревателя, удаление лишних плагинов или переход к другому браузеру.

Причина №2 Перебои на Одноклассниках

Нередко сбои в работе анимированных изображений происходит из-за ошибок в самой соцсети или проведении на сайте технических работ. Такие проблемы быстро решаются разработчиками, а пользователям остается:

Причина №3 Проблемы с Flash player

Чаще всего не открываются на «Одноклассниках» из-за ошибки в работе плагина для воспроизведения всех мультимедийных файлов – «Flash player». Как правило, в таком случае к замершим анимациям добавляются и неработающие игры. Для устранения неполадок требуется:

Причина №4 Заражение вирусами

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

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

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

Давайте коснемся темы просмотра изображений, а конкретно поговорим о просмотре gif изображений в операционной системе Windows 7.

Почему именно формат gif и почему именно в Windows 7 ?

Дело в том, что в более ранних операционных системах (например, в Windows XP) файлы этого формата открывались стандартным средством для просмотра изображений и их просмотр не вызывал никаких затруднений и вопросов, а уже начиная с Windows Vista ситуация изменилась. В этой и последующих операционных системах gif файлы по умолчанию открываются в браузере Internet Explorer.

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

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

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

Вот простой пример:

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

Если мы, находясь в операционной системе Windows 7, щелкнем значок анимированного gif файла, то он по умолчанию будет открыт в браузере (как было сказано выше) и его анимация будет сохранена.

Теперь давайте сделаем так, чтобы файлы формата gif открывались привычным способом (стандартным средством для просмотра изображений). Сделать это довольно просто – щелкаем любой gif файл правой кнопкой мыши и в контекстном меню выбираем пункт Открыть с помощью – Выбрать программу :

После этого находим в этом разделе необходимый пункт, выбираем его и щелкаем Ok . Если хотите, чтобы данный тип файла (gif) всегда открывался стандартным средством просмотра, то предварительно поставьте галочку Использовать выбранную программу для всех файлов такого типа :

После этого наш файл будет открыт привычным средством просмотра, но…

Имейте в виду, что в Windows 7 просмотр анимированных gif файлов таким способом будет некорректным - вместо анимации мы будем видеть статическое изображение (первый кадр). Т.е. если ёлочку с мигающими гирляндами открыть таким способом, то никаких мигающих гирлянд мы не увидим – картинка будет неподвижной.

Вот такой нюанс.

Если для вас анимация gif файлов не важна, то можно смело использовать такой вариант просмотра, в противном случае надо оставить всё как есть и просматривать gif анимацию в браузере (как это задумано разработчиками Windows). Со временем к этому можно привыкнуть.

В данной ситуации я обязательно должен упомянуть о том, что есть и третий (альтернативный) вариант просмотра – использовать сторонние программы для просмотра изображений.

Таких программ много и у каждой есть свои плюсы и минусы. Я в качестве такой альтернативы могу порекомендовать бесплатную программу FastStone Image Viewer.

Это небольшая и довольно приятная программа, которая помимо просмотра большого количества графических форматов также позволяет редактировать изображения и добавлять к ним различные эффекты. Gif файлы в этой программе, конечно же, отображаются корректно. Программу также можно легко настроить «под себя», тем самым сделав просмотр изображений ещё более приятным. Попробуйте!

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

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

Как работают gif-анимации?

Где их можно найти?

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

Почему не показывают гифки в Одноклассниках?

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

• неисправности в работе браузера;
• ошибки в работе самой социальной сети;
• ошибки во flash player;
• вирусы.

Разберем каждую причину подробнее и рассмотрим способы устранения проблемы.

Ошибки в браузере

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

Почему не воспроизводится гифка: вторая причина

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

Не воспроизводятся в Одноклассниках GIF-файлы из-за Flash Player

Flash Player является обязательным плагином для работы медийных файлов в браузере. Чтобы узнать версию, которая установлена на вашем ПК, необходимо зайти по ссылке https://get.adobe.com/ru/flashplayer . Там же можно скачать самую свежую версию программы.

Почему в Одноклассниках не открываются гифки: вирусы

Зачастую неопытные пользователи не защищают свой ПК антивирусами, что приводит к заражению браузера. Это влечет за собой то, что не открываются гиф-файлы, видео или музыка (иногда все вместе). Для решения этой проблемы необходимо зайти в папку на системном диске windows/system32/drivers/etc/. В ней откройте файл hosts через Блокнот и удалите все записи, после этого сохраните изменения.

Почему не показывает gif на телефоне?

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

Не работают гифки

Тему оптимизации сайта сейчас затрагивают все чаще и чаще. И не зря, так как веб становится все более быстрым, а информации становиться все больше. Только посмотрите на количество сервисов оптимизации изображений, CSS стилей, JS стилей появилось в последнее время. Добиться быстрой загрузки сайта стало куда проще, чем это было раньше. Но даже здесь не все решается простыми сервисами. Сегодня мы рассмотрим простой способ загружать GIF только при клике.

Если вы хотите изучить более детально тему скорости загрузки, то рекомендую следующие статьи к прочтению:

Так как статья относится именно к GIF изображениям, то рекомендую изучить статью по созданию GIF онлайн:

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

СКАЧАТЬ ДЕМО

Плюсы и минусы загрузки GIF при клике

Чтобы наглядно оценить все "за" и "против" данного способа я представил все наглядно в таблице:

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

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

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

Конкретно в данном примере отличия колоссальные!

Что нужно сделать до начала внедрения кода…

Допустим, вас воодушевил данный способ и вы понимаете, что на вашем сайте находится большое количество GIF изображений, а вот скорость загрузки страдает. И вы решили внедрить данный функционал у себя на проекте (возможно будущем). Есть небольшая предварительная процедура, при которой нужно подготовить preview изображения, которые необходимо показывать как только загрузился сайт. То есть это именно те изображения, которые пользователь видит пока не кликнул на кнопку Play.

Что можно поставить на preview изображение? Здесь есть 2 варианта: либо делать для каждого GIF изображения свое preview, которое является его первым кадром, либо сделать одно изображение, которое будет использоваться на всем сайте, вне зависимости от GIF изображения. Но, решить как будет лучше для вашего проекта, вам необходимо самостоятельно.

Итак, вы подготовили все preview изображения для каждого GIF изображения и сейчас готовы внедрить функционал, тогда переходим к самому интересному блоку! 🙂

Блок "СКОПИРОВАЛ-ВСТАВИЛ"

Здесь все будет действительно просто, а если нет, тогда просто скачайте демо пример и посмотрите как все устроено внутри и сделайте соответствующие действия для своего проекта.

Начнем, как обычно, с разметки:

1 этап. HTML разметка

1 2 3

<div class = "gif-with-play" > <img src = "img/self-portrait.jpg" alt = "Self Portrait" data-srcgif= "img/self-portrait.gif" > </ div >

ВАЖНО: все изображения должны находиться в блоке с классом "gif-with-play ". И второе важное замечание: необходимо указать адрес до preview изображения в атрибуте "src " и ОБЯЗАТЕЛЬНО указать адрес до GIF изображения в атрибуте "data-alt ".

2 этап. CSS стили

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88

.gif-with-play { position : relative ; background ) transparent no-repeat center center ; } .gif-with-play :hover { cursor : pointer ; } .gif-with-play :hover :before { background-color : rgba(255 , 255 , 255 , .56) ; } .gif-with-play :after , .play .gif-with-play :after { content : "" ; position : absolute ; top : 0 ; left : 0 ; right : 0 ; bottom : 0 ; margin : auto ; height : 120px ; width : 120px ; -webkit-background-size : cover; background-size : cover; z-index : 10 ; -webkit-transition : all .35s ease; -o-transition : all .35s ease; transition : all .35s ease; opacity : 1 ; } .gif-with-play :after { background-image : url ("../img/player-buttons/play_button.svg" ) ; } .play .gif-with-play :after { background-image : url ("../img/player-buttons/stop_button.svg" ) ; } .play .gif-with-play : not(: hover) :after { opacity : .35; } .gif-with-play :before { content : "" ; position : absolute ; top : 0 ; left : 0 ; height : 100% ; width : 100% ; background-color : rgba(255 , 255 , 255 , .7) ; z-index : 10 ; -webkit-transition : all .35s ease; -o-transition : all .35s ease; transition : all .35s ease; opacity : 1 ; } .play .gif-with-play :before { background-color : rgba(255 , 255 , 255 , 0 ) ; } .gif-with-play img { opacity : 1 ; -webkit-transition : all .35s ease; -o-transition : all .35s ease; transition : all .35s ease img { opacity .play .gif-with-play :after { opacity : 0 ; } @media screen and (max-width: 768px) { .gif-with-play :after , .play .gif-with-play :after { height : 60px ; width : 60px ; } }

Это самый базовый набор стилей, чтобы показать кнопку Play. Я их написал только для того, чтобы вы понимали принцип и смогли изменить кнопку (да и любые стили) под себя и свой проект. Если вы заметили, то для GIF изображения, которое будет подставлено с помощью JS вместо preview, блоку-контейнеру (в нашем случае блоку с классом "gif-with-play") добавляется класс "play ".

Кто-то скажет, что можно было добавить дополнительные теги в HTML разметку и к ним привязать событие воспроизведения и остановки GIF. Но я мне нравится формат с псевдоэлементами :before и :after .

3 этап. Javascript

Первым делом необходимо подключить библиотеку jQuery . А затем расположить ниже следующий скрипт:

JAVASCRIPT КОД

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

(function ($) { $(".gif-with-play" ) .on ("click" , function () { var $this = $(this ) , $img = $this.children ("img" ) , $imgSrc = $img.attr ("src" ) , $imgSrcgif = $img.attr ("data-srcgif" ) , $imgExt = $imgSrcgif.split ("." ) ; if ($imgExt[ 1 ] === "gif" ) ; $img.attr ("src" , $img.data ("srcgif" ) ) .attr ("data-srcgif" , $imgSrc) ; $($img) .load (function () ; } ) ; } else { $img.attr ("src" , $imgSrcgif) .attr ("data-srcgif" , $img.data ("srcgif" ) ) ; } $this.toggleClass ("play" ) ; } ) ; } ) (jQuery) ;

Для владельцев WordPress

Основные преимущества и возможности плагина "WP GIF Player":

• "Проигрывание" одновременно только одно изображение GIF
• Автоматическое создание изображений для превью GIF (выше нам необходимо было это делать самостоятельно)
• GIF изображения добавляются очень легко, с помощью одной кнопки
• Есть возможность параллельной загрузки GIF изображений
• Можно выставить ограничение на максимальное разрешение GIF изображения

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

Вывод

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

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

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

Mozilla Firefox

В браузере Firefox, есть встроенный способ отключить воспроизведение анимации GIF, или сделать чтобы воспроизводились они только один раз.

В адресной строке браузера введите about:config и нажмите Enter. Откроется окошко предупреждение, что если неправильно изменять настройки, то можно ухудшить работу браузера... Нужно сделать вид, что вы испугались и трясущейся рукой нажать на "Я обещаю, что буду осторожен"

Откроется множество параметров, вы в строке поиска вводите image.animation и результатом будет image.animation_mode. Нажмите на image.animation_mode двойным щелчком и вместо normal напишите none и нажмите ОК. Эти действия отключат воспроизведение анимации GIF в браузере Mozilla Firefox.

Если вы хотите, чтобы анимации воспроизводились только один раз - в параметре image.animation_mode введите значение once Чтобы в будущем вернуть всё как было, в параметр image.animation_mode введите снова normal

Также есть расширения, которые имеют больше возможностей блокировки анимации GIF. С помощью расширений вы можете заблокировать загрузку анимации, просто остановить воспроизведение и воспроизводить только, когда наводите на него мышь. Там есть еще настройки, если интересно - устанавливайте себе расширение, заходите в три линии справа вверху браузера => и выберите "Дополнения" => напротив установленного расширения нажмите "Настройки => и выставляйте нужные вам параметры.

Gif Block просто заблокирует GIF анимации в Firefox и там где они должны быть - вы ничего не увидите.

Google Chrome (и Яндекс браузер)

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

Animation Policy официальное расширение от Google для отключения анимации GIF в браузере Chrome. После установки данное расширение появится справа вверху в браузере, в виде желтой молнии. Нажмите на молнию и вы сможете: отключить всю анимацию (disable all image animation); воспроизводить анимацию только один раз (allow animated images, but only once); или включить анимацию снова (allow all animated images).

GIF Blocker - будет блокировать все GIF на странице;

Gif Jam (Animation Stopper) - в месте анимации GIF показывает только первое изображение. То есть вместо анимации на ее месте будет показывать первое изображение из нее.

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

В браузере Opera также нет встроенной возможности отключить анимацию. Раньше в старых версиях можно было нажать F12, то есть зайти в настройки и снять галочку с "Включить GIF / SVG анимации". Но в новых версиях эту возможность убрали, за то есть возможно отключить рекламу поставив галочку - что уберет с сайтов часть анимации, также в настройках можно выбрать "Не показывать изображения" - что уберет картинки. Но все же - эти способы не выход, ведь запретив рекламу вы лишите жизни сайты, многие блоги живут за счет того, что кто-то когда-то кликнет по рекламе... Да и отключить все картинки разве выход?

В галереи не нашлись никакие расширения, чтобы блокировать анимации GIF в Opera, но все же есть один способ:

1. Установите дополнение Download Chrome Extension
   в Opera, что позволит вам в будущем устанавливать различные расширения из магазина Google Chrome;
2. Теперь выберите любое из расширений для Chrome, которые мы описывали выше. В нашем примере мы установим GIF Blocker ;
3. То есть открываем GIF Blocker => нажимаем "Установить". Под адресной строкой появится надпись, где нужно нажать "Перейти"

Откроется окошко со всем расширениями, напротив GIF Blocker нажмите "Установить".

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

Internet Explorer

Данный способ подходит только для Internet Explorer, в новом браузере от Майкрософт - он уже не работает. Для Edge пока нет возможности отключать или останавливать анимации, но в ближайшее время выйдет большое обновление Windows 10, а с ним обновится и Edge. После обновления в Edge будет добавлена возможность устанавливать расширения и возможно найдутся варианты отключать анимацию.

Вернемся к браузеру Explorer:

1.Открываем через Internet Explorer любую страницу, если начинается воспроизведение анимации - нажмите клавишу Esc и анимация будет остановлена. То есть Esc нужно нажимать на каждой странице, когда появляется анимация, чтобы ее остановить;

2.Чтобы полностью отключить воспроизведение анимации в Internet Explorer - нужно нажать на колесико справа вверху в браузере и выбрать "свойства браузера"

Нажмите на вкладку "Дополнительно" и снимите галочку в поле "Воспроизводить анимацию на веб-страницах".

Теперь в браузере Internet Explorer не будет воспроизводиться анимация, пока вы не вернете галочку назад.

На сегодня всё, если вы знаете другие способы отключения анимации или у вас есть дополнения - пишите комментарии! Удачи Вам 🙂