Перейти до основного вмісту
Головна
Sysop's Блог Україна

Основна навіґація

  • Головна
  • Новини
  • Статті
  • Про нас
Меню облікового запису користувача
  • Вхід

Рядок навіґації

  1. Головна
  2. Новини

Drupal 9.2+ підтримуватиме зображення WebP із коробки

  • 2 перегляди

Зображення WebP мають вищу якість і водночас менший розмір файлу. Саме це робить їх чудовими для використання в Інтернеті, де кожен байт на рахунку, а Drupal 9.2 підтримуватиме використання зображень WebP із коробки. Давайте подивимося, як ми можемо використовувати цей формат зображення.

Запланована дата випуску Drupal 9.2.0 – 16 червня 2021 року, а серед багатьох покращень і функцій – підтримка зображень WebP. Початкова проблема щодо додавання підтримки WebP була створена давно:  Дозвольте GDToolkit підтримувати формат зображення WEBP

Щоб мати можливість використовувати цю нову функцію, переконайтеся, що розширення PHP GD створено з підтримкою WebP. Щоб переконатися, що цей формат зображення підтримується вашим веб-сайтом, перейдіть на наступну сторінку:

admin/reports/status/php#module_gd

Ви повинні побачити щось на зразок цього:

Зображення
Drupal 9.2 – WebP GD Toolkit

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

Щоб дізнатися більше про надання резервної підтримки для старіших браузерів, ознайомтеся зі статтею Майка Херчела «  Прискорення переднього інтерфейсу Drupal за допомогою зображень WebP».

Щоб конвертувати зображення JPG, PNG або GIF у WebP, ви можете використовувати стилі зображень і ефект перетворення. Створіть новий стиль зображення та додайте ефект перетворення:

Зображення
Drupal 9.2 – стиль зображення Webp

Після натискання кнопки «Додати» виберіть WEBP зі списку розширень:

Зображення
Drupal 9.2 – стиль зображення Webp

Тепер ви можете додати цей стиль зображення будь-де, як і будь-який інший стиль зображення. Наприклад, перейдіть на сторінку керування відображенням статей: 

admin/structure/types/manage/article/display

і налаштуйте стиль зображення для поля зображення:

Зображення
Drupal 9.2 – стиль зображення Webp

І це все. Створіть статтю з довільним зображенням для перевірки. Якщо ви перевірите HTML-код, ви побачите, що зображення перетворено у формат зображення WebP.

Зображення
Drupal 9.2 – стиль зображення Webp

У цьому тестовому випадку вихідне зображення у форматі JPG було 202 КБ, а після перетворення – лише 42 КБ. Це не маленька різниця. Можливо, нарешті ви не побачите надокучливих попереджень Google PageSpeed ​​Insights про те, що ваші зображення завеликі.

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

Джерело
https://gorannikolovski.com/blog/drupal-92-will-support-webp-images-out-box
Теґ
drupal 9
Категорія
Drupal
Новини

Категорії

Drupal (11)
Hardware (1)
Linux (14)
Oracle (5)
SEO (2)
Windows (3)
Інше (6)
Бази даних (9)
Віртуалізація (2)
Веб-розробка (3)
Мережеве обладнання (3)
Новини (4)
Програмування (7)
Розробка (5)
Серверне обладнання (3)

Останні матеріали

  • Postgresql: Перенос каталогу даних в інше місце
    1 рік 1 місяць ago
  • Встановлення webmin на Debian 10 / 11
    1 рік ago
  • Розробка корпоративного порталу, планування та реалізація
    1 рік ago
  • Налаштування сервера nginx для debian 11
    1 рік ago
  • Встановлення та налаштування phpMyAdmin з сервером nginx
    1 рік ago

Теґи

hp(1) fusionauth(1) error(1) firewall(1) symfony(1) mysql(3) nginx(2) vsphere(1) windows(2) composer(1) smb(1) debian(2) drupal 9(9) tools(1) apache(1) netstat(1) vlan(1) redirect(1) html(1) git(1) exim(1) ilo(1) postfix(2) webmin(1) directory(1) sql(1) apache 2(1) mail(1) database(1) mkswap(1) seo(1) dba(3) antivirus(1) shell(1) export(1) php(3) drupal 8(3) port scanner(1) postgresql(1) laravel(2) docker(4) mailbox(1) oracle(5) vesta(1) веб-розробка,(1) vmware(1) devops(1) drupal(3) mikrotik(3) printer(1) zimbra(4) redmine(1) windows server(1)
Sysop's Блог Україна

Нижній колонтитул

  • Контакт
  • Політика конфеденційності
  • Портфоліо
  • Про нас

© 2019-2022 Sysop.In.Ua