Як додати анімований gif до статті на WordPress?

1. Що таке GIF?
2. Чому GIF анімація перетворюється в картинку?
3. Як правильно додавати анімаційні GIF в статті?

Іноді, при додаванні 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-анімацію:

Після завантаження справа стане активно меню «настройки відображення файлу». Єдиний варіант, при якому анімація зберігається є використання gif в повному розмірі. Тому розмір вибираємо «повний» і тиснемо «вставити в запис».

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

Якщо Ви хочете «оживити» раніше завантажену анімацію, працювати яка відмовилася по вже відомих причин, завантажувати заново її не варто. Для виправлення необхідно натиснути на gif в редакторі, після чого у спливаючому меню вибрати «змінити» ...

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