江苏龙网

  1. 主页 > 生活百科 > >

Nginx系列：图片过滤处理

Nginx

http_image_filter_module是Nginx提供的集成图片处理模块，支持nginx-0.7.54以后的版本，在网站访问量不是很高；磁盘有限不想生成多余的图片文件的前提下，就可以用它实时缩放图片，旋转图片，验证图片有效性以及获取图片宽高以及图片类型信息，由于是实时计算的结果，所以网站访问量大的话，不建议使用 。
安装还是很简单的，默认http_image_filter_module模块是不会编译进nginx的，所以要在configure时候指定编译http_image_filter_module模块 。另外http_image_filter_module模块需要依赖gd-devel的支持，可以使用yum install gd-devel先安装，如果未安装会报“/configure: error: the HTTP image filter module requires the GD library.”错误 。
Nginx图片处理的优缺点

  • 优点
（1）操作简单 。通过简单配置，省去了后端裁剪程序的复杂性；
（2）实时裁剪 。可以实时访问在线裁剪图片；
（3）灵活性强 。后端程序裁剪图片时需要知道裁剪图片的尺寸和质量，使用nginx裁剪可以实时裁剪任意尺寸的图片；
（4）不占用硬盘空间；
  • 缺点
（1）消耗CPU和内存，访问量大的时候就会给服务器带来很大的负担 。(可以通过使用Nginx缓存和缓存服务器来解决)；
（2）功能不是很强大，支持的处理图片类型只包括JPEG、GIF、PNG or WebP；
 
0x01：安装http_image_filter_module
  • 先安装gd-devel依赖库
yum install gd-devel
Nginx系列：图片过滤处理

文章插图
 
  • Nginx添加http_image_filter_module模块
先查看旧版本Nginx的configure参数
 /usr/local/nginx/sbin/nginx -V 
Nginx系列：图片过滤处理

文章插图
 
configure时添加http_image_filter_module模块
/configure --prefix=/usr/local/nginx --user=nginx --group=nginx --with-http_secure_link_module --with-http_stub_status_module  --with-stream_ssl_preread_module  --with-http_ssl_module  --with-http_image_filter_module 编译安装nginx
make cp ./objs/nginx /usr/local/nginx/sbin/ 
0x02：语法说明
  • image_filter
语法:    image_filter off;image_filter test;image_filter size;image_filter rotate 90 | 180 | 270;image_filter resize width height;image_filter crop width height;默认值:    —上下文:    location设置图像变换的操作：
off : 在所在location关闭模块处理 。
test :确保应答是JPEG，GIF或PNG格式的图像 。否则错误 415 (Unsupported Media Type) 将被返回 。
size: 以json格式返回图像信息 。例如：
{ "img" : { "width": 100, "height": 100, "type": "gif" } }如果有错误发生，将会返回如下：
{}rotate 90|180|270 : 将图像逆时针旋转指定角度 。参数的值可以包含变量 。可以单独使用，或与 resize 和 crop 变换同时使用.
resize width height: 按比例缩小图像至指定大小 。如果想只指定其中一维，另一维可以指定为：“-” 。如果有错误发生，服务器会返回 415 (Unsupported Media Type). 参数的值可以包含变量 。当与 rotate 参数同时使用时, 旋转发生在缩放 之后 。
crop width height : 按比例以图像的最短边为准对图像大小进行缩小，然后裁剪另一边多出来的部分 。如果想只指定其中一维，另一维可以指定为：“-” 。如果有错误发生，服务器会返回 415 (Unsupported Media Type). 参数的值可以包含变量 。当与 rotate 参数同时使用时, 旋转发生在裁剪 之前 。
  • image_filter_buffer
语法:    image_filter_buffer size;默认值:    image_filter_buffer 1M;上下文:    http, server, location 
设置用来读图像的缓冲区的最大值 。若图像超过这个大小，服务器会返回 415 (Unsupported Media Type).
  • image_filter_jpeg_quality
语法: image_filter_jpeg_quality quality;默认值:    image_filter_jpeg_quality 75;上下文:    http, server, location设置变换后的JPEG图像的 质量。可配置值：1 ~ 100。更小的值意味着更差的图像质量以及更少需要传输的数据 。推荐的最大值是95. 参数的值可以包含变量 。


推荐阅读


上一篇：全栈开发必备技能：构建RESTful API的13种最佳实践

下一篇：Google开源Java图片处理类库Thumbnail