让nginx作为图片处理服务器

ngxin有很多有一席的module，由于我们当前业务量不大，服务器的负载比较低，所以可用ngxin的Image Filter作为图片缩放、剪裁、旋转等处理的工具。
说实话，在max上面配置这东西有点费劲，Home Brew 默认的nginx的包无法配置module。需要安装另外一个版本的nginx-full。

安装依赖

image filter依赖libgd2，mac默认没有安装这个东西，所以需要先安装。

brew install gd

是的，不是libgd2，就是gd。

安装nginx

nginx的module不是像apache一样动态加载的，必须编译到nginx的主文件里面。这让我想起了golang。这些坑爹玩意儿，热配置需要做N多处理。

brew tap homebrew/nginx
brew install nginx-full --with-http_image_filter_module  --with-gd

--with-gd参数用于添加gd支持。

配置image filter

网上有很多利用image filter做图片缩放的配置，下面是我写的一个配置（部分代码），比较简陋，另外，目前的问题是jpeg的图片质量参数无法生效，还在找原因。

set $width    "-";
set $height   "-";

if ( $arg_w != "" ){
  set $width $arg_w;
}

if ( $arg_h != "" ){
  set $height $arg_h;
}

set $rotate "-";

if ( $arg_r != "" ){
  set $rotate $arg_r;
}

set $quality "-";

if ( $arg_q != "" ){
  set $quality $arg_q;
}

location /images/ {
  image_filter resize $width $height;   # 缩放图片
  image_filter rotate $rotate;          # 旋转图片
  image_filter_jpeg_quality $quality;   # jpeg图片质量，没有效果
  image_filter_interlace on;            # 将jpeg图片转换为可以渐进式加载的格式，这样用户可以尽快看到图片效果
  image_filter_transparency on;         # 是否保留图片的透明像素，因为我们还有png图，所以这里要打开
  image_filter_buffer 8M;               # 这里需要手动设置下图片缓存大小，默认为1M，超出1M的图片服务器会报错。
  error_page   415 = /empty;            # 如果处理图片文件不存在或者处理图片失败，会返回一张空白图
}

location = /empty {
# 使用`empty_gif`模块，返回一张1x1像素的gif图。建议不要再前端页面中将'/empty'作为占位图，没有必要，前端页面可以使用 'data:image/gif;base64,R0lGODlhCgAKAIAAAMzMzP///yH5BAAAAAAALAAAAAAKAAoAAAIRhI8Qy6zdHlxyVnjjdJv2UAAAOw=='
  empty_gif;                            
}

这样就可以通过*.jpg?r=90&w=100&h=100这样的参数配置做图片的缩放和旋转了。

其他选择

nginx 还有一些其他的第三方module可以用于图片缩放。例如：

• ngx_small_light 可以使用ImageMagick的功能，比image filter强大很多。
• ngx_image_thumb是国产的，这个module会自动处理图盘的后缀参数，进行图片剪裁、缩放，配置起来比较容易，同时支持图片水印。