IIS 服务器的 WebP 图像过滤器答案

【问题标题】：WebP Image Filter for IIS serverIIS 服务器的 WebP 图像过滤器
【发布时间】：2014-10-19 13:29:53
【问题描述】：

我想为我的网站使用 WebP 图像格式进行图像压缩。但是，在参考 Google 提供的文档时，我只能看到对 apache 和其他服务器的支持。但不适用于 IIS 服务器。

我的网站托管在 usign iis 服务器上，所以我需要一个自动检测器，就像页面速度一样。这样，如果浏览器没有 webp 图像格式，它只会加载 jpeg 或 png 格式的图像，否则是 webp 格式。

我在互联网上搜索过，我可以看到一些付费工具。但不想使用它。我敢肯定 iis 也必须有一些支持。

上面的链接很好地解释了如何使用 pagespeed 和 webp 进行图像优化。但是没有说明 iis 服务器的任何用法。

有人用过pagespeed 作为webp 过滤器吗？或任何其他优化图像的技术，以更好地针对具有大量内容和图像的低带宽？

【问题讨论】：

标签： image iis-7 pagespeed mod-pagespeed webp

【解决方案1】：

http://www.iispeed.com/

IISpeed 是 IIS 的 mod_pagespeed 版本。它对教育/慈善网站免费，但对企业不免费。

如果你想要一个完全免费的版本，你必须在你的 IIS 服务器前安装 Apache+mod_pagespeed 或 nginx+ngx_pagespeed。

【讨论】：

我可以在我的网站上免费使用它吗？其中一些是付费的。
您可以在下载页面上看到它是免费的广告或教育/慈善网站。 99 美元/服务器的业务。 iispeed.com/download

【解决方案2】：

首先，如果您想自动创建 webp 图像，我建议使用 Magick.Net 库。它支持他们。

那么如果你想在 IIS 上提供 webp 图像，你必须添加一个新的 mime 类型（扩展 webp，Mime Type image/webp）。

最后，如果你想根据浏览器支持来提供 webp 图片，你必须使用 URLRewrite 模块来检测支持，然后重写请求：

首先在允许使用的服务器变量上添加 HTTP_ACCEPT。在 URLRewrite 页面上，找到正确的“查看服务器变量”，然后添加它。

然后创建一个检查 HTTP_ACCEPT 的规则，如果支持 webp，则提供它而不是 jpg。对特定文件夹进行检查的简单规则：

<rule name="Webp1" stopProcessing="true">
    <match url=".*Images/Products/450x675.*/([0-9]*)/(.*_.*)(\.jpg)" />
    <conditions logicalGrouping="MatchAny">
        <add input="{HTTP_ACCEPT}" pattern="\bimage/webp\b" />
    </conditions>
    <action type="Rewrite" url="Images/Products/450x675/{R:1}/{R:2}.webp" />
</rule>

【讨论】：

就是这样！

【解决方案3】：

如果您想生成 webp 文件，请参考以下链接。

https://archive.codeplex.com/?p=webp

https://github.com/JosePineiro/WebP-wrapper

进一步启用 IIS 中的 webp 文件，在 MIME 类型中添加 webp 格式，如下图所示。

【讨论】：