supports-webp

Detect support for WEBP images in the browser in 0.3KB

Install

You can download the standalone bundle and include it in your manifest.json.

Or use npm:

npm install --save supports-webp

Usage

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!');
}