让IIS支持webp格式的图片

2023-12-01 0 659

WebP(发音:weppy)是一种同时提供了有损压缩与无损压缩(可逆压缩)的图片文件格式,派生自影像编码格式VP8,被认为是WebM多媒体格式的姊妹项目,是由Google在购买On2 Technologies后发展出来,以BSD授权条款发布。

WebP支持的像素最大数量是16383×16383。有损压缩的WebP仅支持8-bit的YUV 4:2:0格式。而无损压缩(可逆压缩)的WebP支持VP8L编码与8-bit之ARGB色彩空间。又无论是有损或无损压缩皆支持Alpha透明通道、ICC色彩配置、XMP诠释数据。

WebP有静态与动态两种模式。动态WebP(Animated WebP)支持有损与无损压缩、ICC色彩配置、XMP诠释数据、Alpha透明通道。

浏览器支持性

当前网页浏览器当中,Google Chrome和Opera原生支持静态与动态的WebP格式,而Google Chrome自12版开始支持WebP的渐进式解码功能。此外所有可以原生播放WebM影像的浏览器,也可以透过javascript来显示WebP影像。又Pale Moon26+浏览器仅支持静态的WebP图像。Firefox浏览器亦在65.0版本支持WebP图像。

网页浏览器GNOMEWeb和KDE图片浏览器Gwenview也支持WebP。

图像软件当中,Picasa(从3.9版本起)、PhotoLine、Pixelmator、ImageMagick、XnView、IrfanView、GDAL、Aseprite和GIMP(2.10起)皆原生支持WebP格式。

苹果在macOS Sierra及iOS 10的早期beta版本中加入了WebP支持。而在2016年9月7日发布的iOS 10和macOS Sierra GM种子版本中却移除了WebP的支持。

IIS 对webp的支持

webp压缩的在线网站(其实挺多的):智图http://zhitu.isux.us/

最近网站需要用到webp的图片格式,具体什么是webp可以参考这里。

默认IIS不支持webp格式,在网页上会显示404错误。

如果在IIS中需要添加MIME类型,具体截图如下:

让IIS支持webp格式的图片

让IIS支持webp格式的图片

让IIS支持webp格式的图片

MIME 类型说明

设置为 text/html,直接使用域名地址访问是文字,但是放在img标签里是正常的设置为 image/webp ,全部显示正常(所以建议用这个)

PHP添加图像处理(ImageMagick)

下载地址:

http://pecl.php.net/package/imagick

安装说明:

https://www.php.net/manual/zh/imagick.setup.php

具体步骤

1、下载了.zip程序包后,将压缩包中的php_imagick.dll文件解压到你的 php安装目录的Ext目录里(只需这1个文件,其它不需要)

2、修改你的php.ini文件,我的版本是7.3,所以添加的是内容如下(放在哪个位置都可以)

[Imagick]extension=imagick

有些版本的php需要把文件名写全

[Imagick]extension=php_imagick.dll

参考一下你的php.ini中,其他extension的写法。

重启IIS,或IIS程序池,使得修改后的php.ini生效,运行phpinfo(),应该看到imagick的配置段

让IIS支持webp格式的图片

PHP代码调用

因我用ThinkPhp,所以new后面加一个斜杠 \\ ,避免因命名空间不同而出错

/* Create the Imagick object */
$im = new \\Imagick();

/* Read the image file */
$im->readImage( \’/tmp/test.webp\’ );

/* Write the thumbail to disk */
$im->writeImage( \’/tmp/th_test.webp\’ );

IIS部份

在IIS管理器中,添加一个MIME即可

让IIS支持webp格式的图片

注意如果有些格式设置了mime还不能访问,你估计要去文件右键设置一下那个文件的权限了,添加一个iis_users的权限,特别是需要下载的文件更需要这样设置一下.

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悠久资源 Win服务器 让IIS支持webp格式的图片 https://www.u-9.cn/server/win/3660.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务