[Nginx]使用ngx_http_image_filter_module实现压缩图片为缩略图
2023-02-18 15:41:24 时间
ubuntu系统下,先安装ngx_http_image_filter_module这个模块
先看看自己的源
cat /etc/apt/sources.list.d/nginx-stable.list
deb http://nginx.org/packages/ubuntu/ xenial nginx
deb-src http://nginx.org/packages/ubuntu/ xenial nginx
apt-get install -y nginx nginx-module-image-filter
在/etc/nginx/nginx.conf 的开头部分引入模块
load_module modules/ngx_http_image_filter_module.so;
配置vhost
例如我这个例子,一定注意看if判断部分 , 语法错误也不行,这个就是当传递width和height参数的时候,就按照参数的进行裁剪
location ~* .*\.(JPG|jpg|gif|png|PNG)$ { root /var/www/html/go-fly2; # 图片默认高度 set $width -; # 图片默认高度 set $height -; if ( $arg_width != "" ) { set $width $arg_width; } if ( $arg_height != "" ) { set $height $arg_height; } image_filter test; image_filter resize $width $height; image_filter_buffer 100M; image_filter_jpeg_quality 95; }
https://xxxx/xxxxx.jpg?width=100
类似上面这样调用
相关文章
- 使用IndexedDB缓存给WebGL三维程序加速
- 三维引擎导入obj模型不可见总结
- 三维引擎导入obj模型全黑总结
- 使用SVG做模型贴图的思路
- 光伏逆变器建筑设计工具
- 智能制造芯片车间生产线可视化
- EasyBPM进销存之物料管理
- 水厂流程三维场景可视化解决方案
- EasyBPM打印模板的缓存问题
- canvas绘制折线路径动画
- canvas绘制虚线图表
- canvas绘制图像轮廓效果
- 三维场景中常用的路径动画
- 三维组态部件动画解决方案
- canvas多重阴影发光效果
- 智慧园区可视化设计思路
- webgl智慧楼宇发光系列之线性采样下高斯模糊
- canvas可视化效果之内阴影效果
- 事件代理功能点分享
- 利用canvas阴影功能与双线技巧绘制轨道交通大屏项目效果