現在隨著各終端的出現(手機，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

生成縮略圖流程如下：