Як додати картинку з анімацією (Animated GIF) у запис на WordPress

GIF (англ. Graphics Interchange Format – формат для обміну зображеннями) – популярний растровий формат графічних зображень, який здатний зберігати стислі дані без втрати якості у форматі не більше 256 кольорів.

Формат GIF підтримує анімаційні зображення. Вони являють собою послідовність з декількох статичних кадрів, а також інформацію про те, скільки часу кожен кадр повинен бути показаний на екрані.

Дивіться також:

• Повний посібник із роботи із зображеннями на WordPress
• 20 крутих преміум плагінів для Галереї на WordPress від CodeCanyon
• 20 безкоштовних плагінів для Слайдерів картинок на WordPress у 2017
• Як змінити стандартний аватар за умовчанням у WordPress
• 7 відмінних джерел безкоштовних та легальних картинок для вашого блогу на WordPress

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

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/