IT俱乐部 Windows 让IIS支持webp格式的图片

让IIS支持webp格式的图片

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 Moon 26+浏览器仅支持静态的WebP图像。Firefox浏览器亦在65.0版本支持WebP图像。

网页浏览器GNOME Web和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的mime

在这里插入图片描述

在这里插入图片描述

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的配置段

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即可

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

本文收集自网络,不代表IT俱乐部立场,转载请注明出处。https://www.2it.club/server/windows/7677.html
上一篇
下一篇
联系我们

联系我们

在线咨询: QQ交谈

邮箱: 1120393934@qq.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

返回顶部