Instantly detect support for WEBP images in the browser in 0.2KB
npm install supports-webp> Detect support for WEBP images in the browser in 0.3KB
[badge-gzip]: https://img.shields.io/bundlephobia/minzip/supports-webp.svg?label=gzipped
[link-bundlephobia]: https://bundlephobia.com/result?p=supports-webp
You can download the standalone bundle and include it in your manifest.json.
Or use npm:
``sh`
npm install --save supports-webp
`js
import supportsWebP from 'supports-webp';
// supportsWebP is a Promise
supportsWebP.then(supported => {
if (supported) {
console.log('Load WebP!');
} else {
console.log('Load JPEG!');
}
});
// Or if you can use async/await:
if (await supportsWebP) {
console.log('Load WebP!');
} else {
console.log('Load JPEG!');
}
``