supports-webp-sync

Checks if the browser supports WebP. Cheaply and synchronously.

Usage no npm install needed!

<script type="module">
  import supportsWebpSync from 'https://cdn.skypack.dev/supports-webp-sync';
</script>

README

supports-webp-sync

npm npm

Checks if the browser supports WebP without any costly requests.

May give false negatives for some obscure non-WebKit browsers.

Live check: https://ihordiachenko.github.io/supports-webp-sync/

Install

npm i -S supports-webp-sync

Usage

import { checkWebPSupport } from 'supports-webp-sync'

if (checkWebPSupport()) {
  // Get some WebP images
}