Nginx生成缩略图并存储到硬盘上

现在随着各终端的出现(手机，ipad等平板),以及各种终端的手机分辨率和尺寸都不同，现在手机用户流量都是宝,网上出现了各种各样的生成缩略图功能的架构，有使用php实时生成缩略图的，也有用nginx + lua实现的，上节我也讲到了使用nginx生成缩略图，但是用户每次访问都需要生成一次，会给cpu和硬盘带来比较大的压力，今天带来了另外一种方式，这次使用nginx将原图生成缩略图到硬盘上.看我的配置

1、首先创建好cache目录

[root@masterserver ~]# mkdir -p /data/stie_cache [root@masterserver ~]# 

2、修改nginx配置，增加如下内容

location ~* ^/resize {root /data/site_cache/$server_name;set $width 150;set $height 100;set $dimens "";if ($uri ~* "^/resize_(/d+)x(/d+)/(.*)" ) {set $width $1;set $height $2;set $image_path $3;set $demins "_$1x$2";}if ($uri ~* "^/resize/(.*)" ) {set $image_path $1;}set $image_uri image_resize/$image_path?width=$width&height=$height;if (!-f $request_filename) {proxy_pass http://127.0.0.1/$image_uri;break;}proxy_store /data/site_cache/$server_name/resize$demins/$image_path;proxy_store_access user:rw group:rw all:r;proxy_set_header Host $host;expires 30d;access_log off;}location /image_resize {alias /data/site/$server_name/;image_filter resize $arg_width $arg_height;image_filter_jpeg_quality 75;access_log off;}

完整的nginx配置文件如下:

[root@masterserver conf]# cat nginx.confworker_processes 1;events {worker_connections 1024;}http {include mime.types;default_type application/octet-stream;sendfile on;keepalive_timeout 65;server {listen 80;server_name localhost;location / {root html;index index.html index.htm;image on;image_output on;}location ~* ^/resize {root /data/site_cache/$server_name;set $width 150;set $height 100;set $dimens "";if ($uri ~* "^/resize_(/d+)x(/d+)/(.*)" ) {set $width $1;set $height $2;set $image_path $3;set $demins "_$1x$2";}if ($uri ~* "^/resize/(.*)" ) {set $image_path $1;}set $image_uri image_resize/$image_path?width=$width&height=$height;if (!-f $request_filename) {proxy_pass http://127.0.0.1/$image_uri;break;}proxy_store /data/site_cache/$server_name/resize$demins/$image_path;proxy_store_access user:rw group:rw all:r;proxy_set_header Host $host;expires 30d;access_log off;}location /image_resize {alias /data/site/$server_name/;image_filter resize $arg_width $arg_height;image_filter_jpeg_quality 75;access_log off;}error_page 500 502 503 504 /50x.html;location = /50x.html {root html;}}}[root@masterserver conf]# 

提示:

nginx编译的时候要添加参数--with-http_image_filter_module，保险起见将模块ngx_image_thumb-master也带上，所以最终nginx编译参数为:

./configure --add-module=../ngx_image_thumb-master/ --with-http_image_filter_module

生成缩略图流程如下：