Як додати картинку з анімацією (Animated GIF) в запис на WordPress
- Чому Animated GIF стає статичною картинкою в WordPress?
- Як правильно додавати Animated GIF в WordPress
- Незручності з Animated GIF в WordPress
- Поради по Animated GIF в WordPress
GIF (Англ. Graphics Interchange Format - формат для обміну зображеннями) - популярний растровий формат графічних зображень, який здатний зберігати стислі дані без втрати якості у форматі не більше 256 кольорів.
Формат GIF підтримує анімаційні зображення. Вони являють собою послідовність з декількох статичних кадрів, а також інформацію про те, скільки часу кожен кадр повинен бути показаний на екрані.
Дивіться також:
Animated GIF став дуже популярним в інтернеті останнім часом, цей формат дозволяє вставляти короткі маленькі відео-фрагменти в зацикленому режимі. Але якщо ви спробуєте додати анімовану GIF картинку на свій сайт WordPress, найчастіше вона може перетворитися в звичайне статичне зображення.
У цьому уроці ми розберемося, в яких випадках анімований GIF перетворюється в звичайну картинку, як цього уникнути і як правильно вставляти Animated GIF в ваші записи на WordPress.
Чому Animated GIF стає статичною картинкою в WordPress?
У WordPress вбудована зручна Бібліотека медіа-файлів, через яку можна завантажувати і додавати нові картинки на сайт. Коли ви завантажуєте нову картинку, WordPress автоматично створює кілька копій цієї картинки в різних розмірах.
WordPress створює 3 копії картинки:
- Thumbnail (Мініатюра зображення)
- Medium (Середній розмір)
- Large (Великий розмір)
Крім цього, звичайно ж, залишається і оригінальне зображення в повному розмірі.
Так ось, заковика з GIF анімацією полягає в тому, що WordPress при завантаженні і створенні копій такого файлу зберігає тільки перший кадр з цієї анімації як копію для мініатюри, середнього і великого розміру.
І якщо ви вставите в запис цю GIF-ку в одному з цих розмірів, ви отримаєте статичне зображення з першим кадром замість анімації.
Як правильно додавати Animated GIF в WordPress
У режимі редагування записи завантажте свою GIF-ку, натиснувши на кнопку Додати мультимедійний:
Після завантаження файлу, виберіть його розмір з меню, що випадає внизу праворуч у блоці Налаштування відображення файлу.
Єдиний варіант, з яким буде працювати анімація картинки - це Повний розмір.
Просто виберіть "Повний" і вставте картинку в свій запис на WordPress.
Повний розмір - це вихідний оригінальний GIF файл, що не зазнав змін з боку WordPress при створенні зменшених копій, і, на жаль, тільки такий варіант залишається робочим.
Незручності з Animated GIF в WordPress
Найголовнішим незручністю в даній ситуації є дозвіл (розмір в px) оригінального GIF файлу.
Якщо, скажімо, ваша GIF-ка по ширині складає 700 px, а ширина основної колонки записи для вашої теми передбачає 650 px, то вставлена в запис GIF-ка буде виходити за рамки колонки, і це буде виглядати дуже негарно.
В такому випадку вам доведеться відредагувати і зменшити дозвіл GIF файлу на комп'ютері до потрібного розміру перед завантаженням на WordPress.
Поради по Animated GIF в WordPress
Animated GIF картинки, як правило, займають більше місця. Це тому, що вони по суті складаються з набору склеєних статичних зображень. Чим більше кадрів в анімації, тим більше фінальний розмір файлу.
Тому не рекомендується занадто захоплюватися Animated GIF і додавати багато таких файлів на одну сторінку. Це просто збільшить вагу такої сторінки до нерозумних розмірів, а також збільшиться час на завантаження. Цього ніхто не любить: ні відвідувачі, ні пошуковики, ні ви самі.
Якщо ви користуєтеся сервісом Giphy для пошуку анімованих картинок, спробуйте безкоштовний плагін Giphypress. З його допомогою ви можете шукати будь-які GIF картинки по базі Giphy і вставляти їх на свій сайт WordPress, не залишаючи адмінки.
Сподіваємося, ми допомогли вам розібратися, як правильно додавати Animated GIF в запис на WordPress.
джерело: wpbeginner.com
Дивіться також:
Чому Animated GIF стає статичною картинкою в WordPress?Чому Animated GIF стає статичною картинкою в WordPress?