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会自动处理图盘的后缀参数,进行图片剪裁、缩放,配置起来比较容易,同时支持图片水印。