Как конвертировать изображения в .svg или .webp на сайте?

Question

[ishimskayamahorka14]

Здравствуйте, не особенно разбираюсь в теме современных форматов, но по требованиям Speed Insight это необходимое условие для хороших скоростных показателей сайта.
Работаю в Joomla CMS, по умолчанию она не воспринимает подобных форматов.
Возможно, есть какие-то прекомпиляторы для сервера?
Либо это делается каким-то другим способом?
Спасибо за ответы.

UPD. Наткнулся на статью, которая отвечает на вопрос "как залить svg в Joomla"
https://mb4.ru/cms/joomla/305-svg-media-legal-exte...
То есть просто все перед заливкой на сервер отконвертировать?

UPD2. По ответам понял, что использование webp опасно, так как не все браузеры их поддерживают. Тогда продолжать использовать png?

Answer 1

[lamer350]

"но по требованиям Speed Insight это необходимое условие для хороших скоростных показателей сайта" - это на показали итоговые вообще никак не влияет.
Вы поддержку браузерами .webp видели? https://caniuse.com/#feat=webp
Хотя к моему удивлению на сегодня и больше зеленых блоков стало раза в 2 по сравнению с пол года назад, этого еще мало чтобы использовать на сайтах.

Comments

[ishimskayamahorka14]

Черт, понял Вас.
Просветите, пожалуйста, какую тогда найти замену png?
Сжимаю обычно так: сначала через фотошоп для Web, затем через онлайн-сервис Tiny PNG, но разница в качестве очевидна..

[lamer350]

damarkuzz, ну в этом и смысл сжатия... Особенно будет заметны лесенки в градиентах, идеального ничего нет. Где можете используйте по максимум SVG, где нет возможности - PNG, может и без сжатия если сжатие сильно портит картинку, я оставляю так. Вполне реально выйти в 90+ по гуглу даже если картинки не сжаты или не размеру. Я так понимаю они просто заостряют на этом внимание но не сильно влияет это на оценку. Какая нибудь яндекс метрика заберет у вас балов 20, или видео ютуб на странице заберут балов 40) Но картинки 2-3 бала от силы...
Более полезным будет подключить lazyload для картинок.