Як додати анімований gif до статті на wordpress, pogudo

Що таке GIF?

GIF (від англ.GraphicsInterchangeFormat - формат для обміну зображеннями) - це растровий формат графічних зображень (подібно png, jpg), який може вміщати в себе стислі дані не втрачаючи при цьому в якості, але не більше 256 кольорів.

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

Чому GIF анімація перетворюється в картинку?

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

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

За замовчуванням WordPress створює три копії + оригінальне зображення:

  • Thumbnail (Мініатюра зображення)
  • Medium (Середній розмір)
  • Large (Великий розмір)
  • Original (оригінал)

Складність зі вставкою GIF якраз в тому, що при створенні копій в різних розмірах, медіа-завантажувач вміє зберігати тільки перший кадр з анімації. Тому, коли Ви вставляєте будь-яку з копій gif виходить картинка з першого кадру.

Як правильно додавати анімаційні GIF в статті?

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

Як додати анімований gif до статті на wordpress, pogudo

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

Як додати анімований gif до статті на wordpress, pogudo

Як додати анімований gif до статті на wordpress, pogudo

Як додати анімований gif до статті на wordpress, pogudo

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

Як додати анімований gif до статті на wordpress, pogudo