JavaScript: Проверить поддержку WebP

Способ проверить поддержку WebP с помощью JavaScript:

function checkWebpSupport(callback) {
    const img = new Image();
    img.onload = () => callback(true);
    img.onerror = () => callback(false);
    img.src = 'data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA';
}

// Использование
checkWebpSupport((isSupported) => {
    if (isSupported) {
        // Используем WebP
        document.body.classList.add('webp');
    } else {
        // Используем fallback (например, JPG/PNG)
        document.body.classList.add('no-webp');
    }
});