animated gif,gif,wordpress,анимация,анимированный gif,изображения,картинки,настройка wordpress,советы,форматирование, создание, динамичный

Как добавить анимированный gif в статью на WordPress?

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


Что такое GIF?

GIF (от англ. Graphics Interchange Format — формат для обмена изображениями) — это растровый формат графических изображений (подобно png, jpg), который может вмещать в себя сжатые данные не теряя при этом в качестве, но не более 256 цветов.

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

А вот если попытаться вставить GIF анимацию на свой блог/сайт на WordPress, существует вероятность игры в «русскую рулетку» — не угадаешь как отобразится анимация после загрузки.


Почему GIF анимация превращается в картинку?

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

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

По умолчанию WordPress создает три копии + оригинальное изображение:

  • Thumbnail (Миниатюра изображения)
  • Medium (Средний размер)
  • Large (Большой размер)
  • Original (Оригинальное изображение)

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


Как правильно добавлять анимационные GIF в статьи?

В режиме редактирования записи нажимаем «Добавить медиафайл» и туда загружаем нашу GIF-анимацию:

animated gif,gif,wordpress,анимация,анимированный gif,изображения,картинки,настройка wordpress,советы,форматирование, создание, динамичный

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

animated gif,gif,wordpress,анимация,анимированный gif,изображения,картинки,настройка wordpress,советы,форматирование, создание, динамичный

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

animated gif,gif,wordpress,анимация,анимированный gif,изображения,картинки,настройка wordpress,советы,форматирование, создание, динамичный


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

animated gif,gif,wordpress,анимация,анимированный gif,изображения,картинки,настройка wordpress,советы,форматирование, создание, динамичный

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

animated gif,gif,wordpress,анимация,анимированный gif,изображения,картинки,настройка wordpress,советы,форматирование, создание, динамичный


 

3 thoughts to “Как добавить анимированный gif в статью на WordPress?”

  1. А в вордпресс НОРМАЛЬНУЮ поддержку не планируют добавить? Думаю в реализации сложностей быть не должно..

Добавить комментарий

Ваш e-mail не будет опубликован.