nginx网页支持WebP图片
备注:不知道是不是代码起作用了,反正现在可以用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目录。