avif-webp-checker

The plugin checks whether the AVIF and WebP browser supports and adds the appropriate classes to the tag html.

Install

npm i avif-webp-checker

Import

const isAvifWebp = require("avif-webp-checker");

or

import isAvifWebp from 'avif-webp-checker'

Options

Type: object

mode

Type: string Default: all Possible values:

• «avif» — Add only support «AVIF»
• «webp» — Add only support «Webp»
• «all» — Add support «AVIF» and «Webp»

avifClass

Type: string Default: avif

Class is added if the browser supports the AVIF format

webpClass

Type: string Default: webp

Class is added if the browser supports the Webp format

onlyClass

Type: boolean Default: true

In the "all" mode, only 1 of the classes is added.If the browser supports the AVIF format adds AVIF support class, if the browser does not support the AVIF format, but supports Webp format. Webp support class is added.

Usage

const isAvifWebp = require("avif-webp-checker");

isAvifWebp({mode: "webp", webpClass: "mywebpclass"});

or

const isAvifWebp = require("avif-webp-checker");

isAvifWebp();