WebP - формат зображення нового покоління, виготовлений в Google

Час завантаження веб-сторінок впливає на сприйняття відвідувачів і є критерієм ранжування для природного посилання.

Google також карає сторінки, які завантажуються занадто повільно.

Поліпшення швидкості вашого сайту потенційно збільшує ваш трафік, ваш коефіцієнт конверсії ...

Стиснення: Покладіть свої зображення на дієту

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

В ідеалі ваші сторінки повинні бути сухими 2 Мб і не більше.

У 2010 році Google розробив власний формат зображення наступного покоління: WebP, безкоштовний "стандарт" (за ліцензією BSD).

Формат, який він сьогодні використовує у своїх сервісах (наприклад, YouTube для ескізів відео, ...), але який намагається прийняти.

WebP тепер дозволяє стиснення без втрат з підтримкою:

  • альфа-канал для забезпечення прозорості,
  • Дані EXIF ​​(інформація, яку генерують фотосенсори) m
  • та управління розвагами.

Компресія без втрат ... видима людським оком

Перевірте різницю між JPEG та WebP нижче:

зображення


Як бачите, рівень деталізації залишається придатним в обох випадках, вага різко зменшується.

Згідно з тестами, проведеними Google, за допомогою формату WebP ви можете отримати розмір файлу на 30% менше, ніж формат JPG або PNG.

Зверніть увагу, що ви також можете вибрати більш агресивне стиснення з втратою якості.

WebP: повільне прийняття

До цього часу не всі веб-браузери офіційно підтримують це.

Не так давно хорошими студентами були лише Google Chrome та Opera.

Однак Microsoft Edge та Mozilla Firefox швидко приймуть цей новий стандарт від веб-гіганта в 2019 році.

Пам’ятайте, що Google Chrome - найпопулярніший веб-браузер у світі, де частка ринку становить близько 60%.

M.A.J. Firefox 65 тепер сумісний з WebP.

M.A.J. Microsoft Edge також сумісний з випуску в жовтні 2018 року.

Що стосується Safari, поки що не опубліковано інформації щодо можливої ​​підтримки.

Повний список підтримуваних веб-браузерів ви знайдете за цією адресою: https://developers.google.com/speed/webp/faq

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

WebP: Медіафайли WordPress

Для вашої інформації ви не зможете безпосередньо завантажити зображення у форматі WebP до медіатеки WordPress. Останні сумісні лише з форматами: JPG, PNG, ICO та GIF.

Однак певно, що підтримка WebP незабаром повинна надійти до WordPress.

Imagify: генерація зображень WebP

Ви можете вибрати розширення, які подбають про створення та розповсюдження версій WebP ваших зображень (наприклад, Imagify тощо).

Для кожного зображення, стисненого Imagify, ви можете вибрати одночасне створення версії WebP.

Увага ! Стиснення Imagify є безкоштовним, але в межах 25 МБ на місяць.

WebP: WP Rocket Caching

WP Rocket 3.4 тепер підтримує кешування зображень у форматі WebP.

Увага ! WP Rocket не створює файли WebP, для цього вам потрібно буде використовувати програмне забезпечення для стиснення, таке як Imagify.

WebP: перевірити рендеринг добре

Зверніть увагу, що розширення, які розповсюджують WebP, часто використовують механізм заміни тегу тегом HTML 5, який не працює, якщо вихідний код генерується на льоту (наприклад, за допомогою Javascript).

Щоб уникнути зриву візуалізації зображень на вашому веб-сайті, не забудьте зробити попередню резервну копію вашої медіатеки (функція, яка також безпосередньо інтегрована в розширення Imagify).