文档章节

nginx 配置图片自动裁剪

o
 osc_wws45aot
发布于 2019/08/20 16:07
字数 406
阅读 11
收藏 0

精选30+云产品,助力企业轻松上云!>>>

nginx 配置图片自动裁剪

Image Filter module(图像过滤处理模块)

让不同部分能协同工作,nginx需要编译进图像滤波,代理和安全链接三个模块

nginx配置

  location ~* /(.+)\.(jpg|gif|png)!(\d+)x(\d+)$ {
        set $w $3;
        set $h $4;

   #    image_filter crop    $w $h;
        image_filter resize  $w $h;
        image_filter_buffer  10M;
        image_filter_jpeg_quality 75;
        try_files /$1.$2  /notfound.jpg;
    }

image_filter resize $w $h; 等比缩放

image_filter crop $w $h; 裁剪到指定尺寸

image_filter_buffer 10M; 图片最大缓存10M 超过的将会异常

image_filter_jpeg_quality $img_quality; 压缩的质量,最高95,一般推荐75就够了

参考:

https://blog.csdn.net/itnobody/article/details/82882636 https://segmentfault.com/a/1190000004604380 https://blog.csdn.net/pushiqiang/article/details/80319745 http://www.ccc5.cc/2104.html?rgvujs=1w1oz2 nginx = webp+php https://www.cnblogs.com/freeweb/p/5764493.html

nginx如何添加模块

yum安装下的nginx,如何添加模块,和添加第三方模块 (切记不需要重新 make install,只需编译,不需要安装,需要替换可执行文件/usr/sbin/nginx )

https://blog.csdn.net/zzy5066/article/details/81136273 yum安装的nginx如何 新增模块,这篇文章的还不错,值得参考

https://www.jianshu.com/p/a986409e2edd nginx动态新增模块安装

nginx image-filter模块安装 https://blog.csdn.net/revitalizing/article/details/52714198

自动转换图片为webp格式 : 压缩方面比jpg更有优势

快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3,并能节省大量的服务器宽带资源和数据空间

http://www.ccc5.cc/2104.html?rgvujs=1w1oz2&bivyty=rj2wu2 Nginx+PHP配置自动转换webp图片,这里面可以参考怎么转发给PHP去处理

https://www.xp.cn/jishu-php-3263.html Nginx rewrite模块深入浅出详解

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
使用nginx+Lua+GraphicsMagick实现图片自动裁剪

在做网站尤其是以内容为主的过程中,常常会遇到一张图片各种地方都要引用,且每个引用的地方要求的图片尺寸都不一样的。对于小网站来说,这种需求通常是人工进行裁剪,然后在代码上分别引用。...

ylw6006
2016/07/26
0
0
nginx-lua-fastdfs-GraphicsMag动态生成缩略图、自动删除7天未访问的缩略图

推荐连接: https://www.cnblogs.com/zdz8207/p/nginxluamodule.html 推荐安装OpenResty: http://openresty.org/cn/installation.html 安装Nginxluamodule:http://liyonghui160com.iteye.com......

CutePanda
2018/04/25
0
0
yanue/nginx-lua-GraphicsMagick

nginx-lua-GraphicsMagick Nginx+Lua+GraphicsMagick,实现自定义图片尺寸功能,支持两种模式[固定高宽模式,定高或定宽模式],支持FastDFS文件存储 github地址:https://github.com/yanue/ngi...

yanue
2016/01/14
0
0
Ubuntu16 nginx安装http_image_filter_module模块

[TOC] 配置image_filter 配置 重启nginx 提示指令不存在。 因为httpimagefilter_module 模块并没有安装。 如何安装呢? 安装image_filter模块依赖的库。 查看之前的配置 添加上图片模块【由于...

osc_gfiuebly
2018/12/10
2
0
GraphicsMagick安装

GraphicsMagick是从 ImageMagick 5.5.2 分支出来的,但是现在他变得更稳定和优秀,GM更小更容易安装、GM更有效率、GM的手册非常丰富GraphicsMagick的命令与ImageMagick基本是一样的。 执行安...

子曾今曰过了
2018/07/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

“睡服”面试官系列第三篇之变量的结构赋值(建议收藏学习)

目录 变量的解构赋值 1. 数组的解构赋值 2. 对象的解构赋值 3. 字符串的解构赋值 4. 数值和布尔值的解构赋值 5. 函数参数的解构赋值 6. 圆括号问题 7. 用途 变量的解构赋值 1. 数组的解构赋值...

osc_0q9or3wi
18分钟前
8
0
利用Bootstrap框架制作WordPress自适应主题

WordPress主题制作 第一课:511遇见wordpress本地环境搭建以及多站点配置 第二课:511遇见本地安装wordpress和修改Mysql登录密码 第三课:511遇见WordPress主题开发教程基本文件的建立 第四课...

osc_q27elio3
19分钟前
15
0
JavaScript闭包(1):闭包的形成机制梳理

JavaScript闭包的形成机制梳理 闭包前置知识:作用域,作用域链,变量生命周期 1.当我们调用函数的时候,js引擎为我们做了什么? 1.1举例说明 1.2 可能会引起的一些误解 2.JavaScript的垃圾回...

osc_ut5ykgwr
20分钟前
18
0
Less的常用语法

less的语法 1.注释语法 1.1 /**/ (多行注释) 这种注释是css的注释,编译以后,会保留显示在css文件中. 1.2 // (单行注释) // 这种代码注释css并不识别,编译后会隐藏,不会显示在css文件中. 2.变...

osc_ui34lpg3
22分钟前
6
0
利用宝塔面板实现快速搭建WordPress网站

宝塔面板添加WordPress站点 一、建站准备条件 条件1:阿里云服务器一台。原则上有台服务器就好了,不过我一般喜欢用大品牌,稳定和安全。 条件2: 阿里云域名一个。在哪家买的服务器,就用哪...

Arisono
23分钟前
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部