Ви можете встановити Розширення Magento 2 WebP Images за допомогою Magefan, використовуючи методи встановлення за composer або архіву.

magento upgrade offer 
Attention! if you install the extension on Magento 2.4.0 there is a known issue in Magento 2.4.0 core "Error: main.CRITICAL: Error: Undefined class constant 'XML_PATH_HEADER_TRANSLATE_TITLE'. So before installing the extension please apply this change to your Magento instance. Note that this fix is already present in Magento 2.4.1.

Встановлення через composer (рекомендовано)

Будь ласка, перейдіть до розділу Обліковий запис Magefan > Завантаження Встановлення через Composer , щоб отримати інструкції з встановлення composer .

Встановлення за допомогою архіву та FTP

  1. Завантажте ZIP-архів розширення WebP Images з веб-сайту Magefan.com (не GitHub чи інших джерел).
  2. Розпакуйте файли.
  3. Скопіюйте папки app та lib з архіву до вашої папки Magento 2.

    Встановлення розширення Magento 2
  4. У командному рядку, використовуючи "cd", перейдіть до кореневого каталогу Magento 2.
  5. Виконайте команди CLI:
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy

Примітка: якщо ви не хочете, щоб ваш веб-сайт був недоступний під час розгортання, спробуйте ці команди розгортання з нульовим часом простою для Magento 2 .

Після встановлення розширення WebP

Важливо!

Після встановлення та налаштування розширення Модуль Magento 2 WebP Images не забудьте додати параметр Expire Headers для файлів WebP у налаштуваннях вебсервера.

Навіщо вам це потрібно?

За замовчуванням у Magento 2 заголовки expire написані для вебсерверів Apache, Nginx та PNG, JPG, GIF, CSS, JS. Однак для webp вони не написані.

Потім, якщо ви використовуєте Apache, відкрийте файл .htaccess у кореневій папці Magento (pub/static або pub/media) та знайдіть наступний рядок:

ExpiresByType image/gif

Після того, як ви знайдете, додайте цей рядок після нього:

ExpiresByType image/webp "access plus 1 year"

Якщо ви використовуєте Ngnix, відкрийте файл віртуального хоста (попросіть адміністратора сервера зробити це, оскільки для цього потрібен root-доступ до сервера), знайдіть наступний рядок:

location ~* \.(ico|jpg|jpeg|png|gif|svg|js|css|swf|eot|ttf|otf|woff|woff2|json)$ {

та замініть його на:

location ~* \.(ico|jpg|jpeg|png|gif|svg|js|css|swf|eot|ttf|otf|woff|woff2|json|webp)$ {

Не забудьте перезапустити Nginx після зміни конфігурацій віртуального хоста.

Після встановлення розширення Модуль Magento 2 WebP Images ви можете генерувати WebP-зображення в Magento .