Оптимізація зображень для Divi Builder у WordPress

ImageRecycle може творити дива з вашим блогом WordPress та його зображеннями. Завдяки стисненню ImageRecycleви можете оптимізувати зображення, стискаючи їх до 80% від їх початкового розміру. Це добре, але ваші медіафайли WordPress потрібні не лише для того, щоб займати місце на сервері. Ваші медіафайли WordPress потрібні для того, щоб їх було видно.

Насправді, ImageRecycle та його стиснуті зображення бездоганно поєднуються з багатьма редакторами WordPress. У поточному огляді того, як ImageRecycle може покращити ваш блог WordPress, ми розглянемо Divi Builder. Зокрема, у цій статті ми розглянемо, як стиснуті медіафайли ImageRecycleможна використовувати з одним із найпопулярніших редакторів WordPress.

Оптимізація зображень для Divi Builder

Divi — це популярний конструктор публікацій та сторінок для WordPress. На перший погляд, він не дуже відрізняється від Gutenberg; як і Gutenberg у WordPress, за допомогою Divi Builder ви можете створювати публікації та сторінки, організовуючи модулі в редакторі, як це було б із блоками Gutenberg. Однак, у багатьох відношеннях Divi також набагато зріліший та потужніший, ніж Gutenberg.

Divi Builder дозволяє візуально створювати публікації та сторінки, а також надає більше контролю над зовнішнім виглядом та оформленням вашого блогу на WordPress. Серед модулів Divi кілька пов’язані із зображеннями. Модулі Divi включають блоки зображень та галерей, які, до речі, використовують власну медіатеку WordPress. Завдяки цьому ви можете інтегрувати ImageRecycle з Divi Builder, не змінюючи свій робочий процес.

Щоб розпочати оптимізацію зображень для Divi Builder за допомогою ImageRecycle, спочатку завантажте та встановіть плагін. Вам також потрібно буде активувати ліцензію в конфігурації ImageRecycleв меню налаштувань. Введіть свій ключ API та секретний код, збережіть зміни та, нарешті, активуйте оптимізацію медіа.

У налаштуваннях ImageRecycleви також можете налаштувати плагін. Наприклад, ви можете змінити розмір зображень одразу після їх завантаження. Ви також можете стиснути зображення до певного розміру. Найголовніше, що вам вирішувати, чи використовувати найкращий режим збереження, чи стиснення без втрат.

За допомогою найкращого стиснення зі збереженням ви можете зменшити розмір зображення до 80%. За допомогою стиснення без втрат ви можете заощадити до 20% за допомогою оптимізації зображення, але зберігаєте можливість скасувати зміни в будь-який час. Ви можете дізнатися більше про різницю між найкращим збереженням та стисненням без втрат тут .

Після активації ліцензії ви можете розпочати стиснення та оптимізацію розмірів зображень. ImageRecycle знаходиться в елементі з такою ж назвою в «Медіа» . Звідси ви отримаєте огляд усіх файлів, завантажених до вашої медіатеки WordPress. Деталі включають розміри зображень, чи були вони вже стиснуті, та коефіцієнт стиснення.

Якщо ви новачок у ImageRecycle, але ще не ведете блог за допомогою WordPress, вам буде приємно дізнатися, що плагін підтримує масову оптимізацію. Це означає, що ви можете стиснути всі зображення у вашій медіатеці WordPress, незалежно від їх розміру. Ви також можете вибрати кілька зображень, які хочете оптимізувати, та застосувати масову оптимізацію до цього набору.

ImageRecycle автоматично стискає нові зображення самостійно. Ви можете використовувати сторінку ImageRecycleдля моніторингу результатів оптимізації, оптимізації окремих зображень та скасування стиснення, якщо ви ввімкнули стиснення без втрат. Після того, як ви завершите оптимізацію своєї медіатеки WordPress, саме час використати свої зображення за допомогою Divi Builder!

Використання стиснутих зображень ImageRecycleу Divi Builder

Якщо ви новачок у ImageRecycle, але ще не користуєтеся Divi Builder, то найскладніше вже позаду. Divi Builder використовує медіатеку WordPress… ту саму медіатеку, яку ви щойно стиснули та оптимізували.

Щоб почати використовувати оптимізовані зображення, перейдіть до будь-якої публікації чи сторінки WordPress та почніть створювати їх за допомогою Divi Builder. Виберіть будь-який модуль на основі зображень, а саме один із блоків зображень або галереї. Потім виберіть зображення, які ви хочете додати. От і все.

Інтеграція ImageRecycleз Divi Builder не вимагає додаткових зусиль. Ваші попередньо оптимізовані зображення зберігаються у вашій медіатеці WordPress, а Divi використовує ці стиснуті зображення у своєму контенті. ImageRecycle вставляється у ваш робочий процес, не порушуючи його.

Хоча ImageRecycle не змінює спосіб вашої роботи з Divi, він впливає на ваш веб-сайт. Те зображення, яке ви щойно додали? Воно до 80% менше, що призводить до швидшого завантаження, вищих показників SEO та кращого утримання користувачів у вашому блозі WordPress. Тільки уявіть, скільки ви можете заощадити з більшими галереями.

Якщо ви звикли до комфортного процесу ведення блогу, навіть найменші зміни у вашому робочому процесі можуть здаватися величезними перешкодами. Однак це не обов'язково має бути так. ImageRecycle бездоганно інтегрується з вашим робочим процесом Divi, дозволяючи вам зберегти ваш перевірений метод, одночасно користуючись перевагами оптимізованих зображень.