Ark111,
1. Заменять на webp можно только в том случае, если целевая аудитория использует современные браузеры.
Посмотреть поддержку можно тут https://caniuse.com/?search=webp
2. Если п1 использовать не выходит, то менять нужно на теги picture и source. Так старые браузеры получат jpg/png, а современные webp.
Для указанных тегов имеет смысл добавить display: contents, чтобы нигде не сломалась верстка.
3. Если есть возможность не забыть о ретине, то вообще супер.
p.s. какой-то легкий бред написан во втором пункте на скрине.