WebP и JPEG 2000 внедрять для существующих сайтов очень...

WebP и JPEG 2000 внедрять для существующих сайтов очень затратно, а вот для новых нужно обязательно! Они оптимальней стандартных форматов, улучшают пользовательский опыт и показатель мобильного Google PageSpeed.

Но WebP сейчас не поддерживается в IE и Safari. Хотя Safari экспериментирует с форматом и частичная поддержка имеется. JPEG 2000 поддерживается только в Safari. JPEG XR только в IE и Edge.

Казалось бы, почему не придумать и поддержать всего один оптимальный формат? Но нет, вам придется использовать все это по-максимуму, если хотите сделать прям вообще хорошо для всех пользователей. Но если выбирать что-то одно, то лучше WebP, у него больше перспектив, так как формат открытый и имеет широкую поддержку.

Просто переконвертировать изображения в WebP и подключить их вместо старых будет неверным. Нужно сохранять и старый формат изображений, чтобы отображать их для тех клиентов, которые не смогут обработать WebP.

Как это сделать? Нужно использовать тег <picture> и специальный полифил для браузеров, которые не поддерживают этот тег.

<picture>

<source srcset="photo.webp" type="image/webp">

<source srcset="photo.png" type="image/png">

<img src="photo.png" alt="photo">

</picture>

Для конвертации изображений в WebP существует множество сервисов, но я использую консольный ImageMagick, чтобы конвертировать пакетно прям из командной строки. Есть специализированный тул cwebp.

Еще есть хороший инструмент от Google - https://squoosh.app, удобен для визуальной работы с большими фотками, и в целом, для изучения форматов.

Но без технаря вам тут не обойтись. Хотя, можете попробовать готовые плагины для WP.

Подробности о формате WebP:

https://developers.google.com/speed/webp

Плагины для WordPress:

https://wordpress.org/plugins/search/convert+webp/

Источник новости https://t.me/devakatalk/1967...