在线笔记 favinavi - 人性化网络收藏夹

php判断浏览器是否支持avif格式图片的一种方法

分类标签：全部 CSS html javascript php/other IT

by: fanshome 2023-06-10 12:35(UTC)

最新一代图片压缩格式avif非常好，图片缩小体积效果十分明显，各大公司的新版浏览器已经纷纷支持。

可是，可是！微软的edge到目前为止（2023-06）还没有支持avif，只支持webp，那么怎么办呢？

直接判断浏览器是否是edge并不可取，因为不支持avif的浏览器不止它一种，比较科学而省事的做法是判断浏览器请求头里的accept是否接受avif.

下面以php为例：

php/other复制代码

<?php
	$AVIF=(preg_match("/image\/avif/",$_SERVER['HTTP_ACCEPT']))?true:false;
	$WEBP=(preg_match("/image\/webp/",$_SERVER['HTTP_ACCEPT']))?true:false;
?>

浏览器请求头里，如果接受avif或webp图片，会带有“image/avif, image/webp”字样，这样，让浏览器自己告诉我们它是否支持某种图片格式是比较科学的。

有了判断，你就知道该怎么做了。

你可以在这个页面找到实际使用的例子，如果浏览器支持avif图片，那么页面上第一张大的图片的格式就会是avif；如果是微软的edge等不支持avif格式图片的浏览器，那么就会用webp格式图片替代。

2642

favinavi - 重度网络用户必备在线笔记

了解onenav
https://blog.xiaoz.org/archives/16772
win11安装跳过TPM2.0和安全启动检查的方法
为了在一些相对老旧的机器上安装windows 11，我们需要跳过win11安装程序中的TPM2.0检查，方法如下：进入安装界面后，按Shift+F10打开命...
mysql8开启主从同步注意事项，否则会动不动就出错停止
默认情况下，mysql只允许本地登录，如果要开启主从同步，主机必须开启远程连接，则需要修改mysqld配置文件，以ubuntu 22.04+mysql8.0为例...
纯CSS3做一个带箭头指向的漂亮的带阴影提示框
纯CSS3，不使用图片。先看下最终实现的效果图： [img] 这里以指向右侧的尖形小箭头为例，其它方向请自行修改。
Applebot是什么？
Applebot是由苹果公司开发的网络爬虫（Web Crawler），用于收集和索引互联网上的网页内容。它是苹果公司搜索引擎Apple Search的一部分，...
CSS3 一款漂亮的带渐变背景和关闭按钮的卡片头样式
使用css: linear-gradient来实现线性颜色渐变背景，效果见下图： [img] 点击“演示”按钮可以查看效果。