Вся жизнедеятельность человека через призму ступней

Wordpress 5.8 поддерживает webp

Я много постов посвятил формату webp:
Webp — стоит ли пробовать
Как проверить, поддерживает ли webp
Как просмотреть форматы картинок WEBP и HEIC на Windows
Множество новомодных форматов картинок. А толку?

Wordpress 5.8 поддерживает webp

И вот свершилось чудо! Вышла первая бета версия вордпресс 5.8. А в ченджлоге я увидел поддержку webp. Поставил, проверил — работает.

Теперь в вордпресс без танцев с бубном можно спокойно загрузить картинку *.webp и управлять ею, как обычным джипегом.

Спасибо команде разработчиков Wordpress!

Адаслаць
Падзяліцца
Запініць
1 каментар
Lolilol 15 дн

У WebP есть такой нюанс — не все браузеры его поддерживают.
К примеру, некоторые версии iOS Safari, обычный Safari, IE — не поддерживают WebP.
https://caniuse.com/#feat=webp
Поэтому надо хранить всегда как минимум две версии каждой картинки. Webp (для браузеров с поддержкой WebP) и исходную карти
И отдавать нужную версию в зависимости от браузера.
А исходную картинку надо при этом еще и оптимизировать/сжимать — чтобы даже для браузеров без поддержки WebP картинки отдавались оптимизированными (более легкими по весу) — это еще третья! версия файла.
У сервиса optipic я недавно заметил новый функционал, в который это все уже заложено в коробку.
https://optipic.io/ru/webp/wordpress/
Можно даже подключить все так, чтобы урлы картинок не менялись (они остаются точно такими же и выглядят как внутренние url на моем сайте). Но на самом деле они подгружаются через их систему с автоматическим сжатием, конвертацией в webp и распознаванием поддержки webp.
Получается совсем все просто и красиво, да и недорого))

Мистер Фит 15 дн

Как я вижу, Сафари поддерживает WebP c 12 сентября 2022 года. Да, наверняка есть пользователи, кто не увидит картинки. Но их не более 0,34% по той же статистике. Условно говоря, через год все пользователи сафари будут видеть вебп. Я не думаю, что стоит так сильно заморачиваться с картинками. Более того, уже можно спокойно переходить на avif.