nginx网页支持WebP图片

最新推荐文章于 2024-07-02 14:41:38 发布

杰哥的诱惑

最新推荐文章于 2024-07-02 14:41:38 发布

阅读量1.8k

点赞数

分类专栏： lnmp webp 文章标签： webp

lnmp 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

webp

1 篇文章 0 订阅

订阅专栏

原文地址，包含其他方法。

备注：不知道是不是代码起作用了，反正现在可以用webp图片。

方法：默认安装的nginx是没有lua功能的，需要单独编译，这里我偷懒直接使用老罗捐助过的 OpenResty。在CentOS下可以直接添加repo进行yum安装，详情参见http://openresty.org/cn/linux-packages.html，安装完成之后，配置 /usr/local/openresty/nginx/conf/nginx.conf，在location下添加类似如下代码（其实是一段lua）

location ~ .*\.(webp)$
{
rewrite_by_lua_block {
  local m, _ = ngx.re.match(ngx.var.uri, "^.*?\\.(webp)$")
  if m then
     local a = ngx.req.get_headers()["Accept"]
     local i, _ = string.find(a, "image/webp")
     if i == nil then
        local u, _ = string.gsub(ngx.var.uri, ".webp", "")
        ngx.req.set_uri(u)
     end
  end
}}

其他根据实际需要配置。配置完成并启动nginx之后，写一个测试工程 test.html 及 test.jpg 和 test.jpg.webp 资源并部署到html目录。