Почему WebP не отображается в старых браузерах?
Потому что поддержка WebP реализована на уровне декодера самого браузера, а не сайта: Chrome понимает формат с 32-й версии, Firefox с 65-й, Edge с 18-й, Safari с 14-й на macOS Big Sur, а Internet Explorer и Safari более ранних сборок этот кодек не читают вообще и показывают вместо картинки пустое место.
Проверить это можно за один шаг: откройте caniuse.com/webp и раздел Browser support — там перечислены точные версии с пометкой supported. Если ваша аудитория заходит со старых устройств, подключайте WebP через тег picture: внутри него первым идёт source с атрибутом type со значением image/webp, а следом обычный img с JPEG или PNG — браузер без поддержки пропустит source и возьмёт фолбэк.
Быстрый чек-лист для диагностики: в Chrome DevTools откройте вкладку Network и колонку Type — если сервер отдаёт image/webp, а на странице пусто, проблема в браузере пользователя, а не в вёрстке; проверьте ответ сервера в разделе Headers, чтобы убедиться, что заголовок Content-Type не подменён на image/jpeg; и не полагайтесь на автоматическую конвертацию без фолбэка, если в статистике есть доля Safari ниже 14-й версии.