A PHP method for determining whether a browser supports AVIF images

The latest generation of image compression format AVIF is very good, the effect of reducing the size of the picture is very obvious, and the new version of the browser of major companies has been supported.

But, but! Microsoft's Edge so far (2023-06) does not support AVIF, only WebP, so what to do?

It is not advisable to directly determine whether the browser is edge, because there is more than one browser that does not support avif, and a more scientific and trouble-saving approach is to determine whether the accept in the browser request header accepts avif.

Let's take PHP as an example:

If the browser request header accepts an AVIF or WebP image, it will have the words "image/avif, image/webp", so it is more scientific to let the browser tell us whether it supports a certain image format.

With judgment, you know what to do.

You can find practical examples on this page , if the browser supports avif images, then the format of the first large image on the page will be avif; If it is a browser such as Microsoft's Edge that does not support AVIF format images, then it will be replaced by WebP format images.