Как использовать современные форматы изображений?

Question

[JsNoobUser]

Google page speed выдает Используйте современные форматы изображений для фонового изображения, хотя там используется следующий код:

background-image: url(../images/general/intro-bg.jpg);
    background-image: -webkit-image-set("../../static/images/general/intro-bg.webp" type("image/webp"),"../../static/images/general/intro-bg.jpg" type("image/jpeg"));
    background-image: image-set("../../static/images/general/intro-bg.webp" type("image/webp"),"../../static/images/general/intro-bg.jpg" type("image/jpeg"));
    background-repeat: no-repeat;

Что нужно сделать, чтобы избежать этого предупреждения?

Comments

[ThunderCat]

гугль хотеть webp!
и вроде синтаксис там другой

.box {
background-image: image-set(
url("large-balloons.webp") type("image/webp"),
url("large-balloons.jpg") type("image/jpeg"));
}

[strelok011]

А еще стоит ознакомиться с поддержкой браузерами.
Чем больше браузеров - тем дешевле поддерживать.