[Tolik003]

Немного отдохнув мозгами вот что получаеться

function testWebP(callback) {

    var webP = new Image();
    webP.onload = webP.onerror = function () {
        callback(webP.height === 2);
    };
    webP.src = "data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA";
}

testWebP(function (support) {
    if (support === true) {
        document.querySelector('body').classList.add('webp');
        let sliderArray = document.getElementsByClassName('slide-image');
        for (let i = 0; i < sliderArray.length; i++) {
            let sliderImage = sliderArray[i].style.backgroundImage.replace("jpg", 'webp');
            let result = sliderArray[i].style.backgroundImage = sliderImage;
            console.log(result);
        }
    }else{
        document.querySelector('body').classList.add('no-webp');
    }
});

работает для слайдера но хотел бы расширить возможность замена других расширений например let sliderImage = sliderArray[i].style.backgroundImage.replace("jpg" || 'png', 'webp'); Как думаете?