现在随着各终端的出现(手机,ipad等平板),以及各种终端的手机分辨率和尺寸都不同,现在手机用户流量都是宝,网上出现了各种各样的生成缩略图功能的架构,有使用php实时生成缩略图的,也有用nginx + lua实现的,上节我也讲到了使用nginx生成缩略图,但是用户每次访问都需要生成一次,会给cpu和硬盘带来比较大的压力,今天带来了另外一种方式,这次使用nginx将原图生成缩略图到硬盘上.看我的配置
1. 首先建好cache目录
# mkdir /data/site_cache/
2. 修改nginx配置
location ~* ^/resize {
root /home/weblogic/img_cache/$server_name/;
set $width 150;
set $height 100;
set $image_path "logo.jpg";
set $dimens ""; if ($uri ~* "^/resize_(\d+)x(\d+)/(.*)" ) {
set $width $1;
set $height $2;
set $image_path $3;
set $dimens "_$1x$2";
} set $image_uri image_resize/${image_path}!m${width}x${height}.jpg; if (!-f $request_filename) {
proxy_pass http://127.0.0.1/$image_uri;
break;
}
proxy_store /home/weblogic/img_cache/$server_name/resize$dimens/$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 /home/weblogic/img/;
image on;
image_output on;
}
生成缩略图流程如下:
1、原图在www.aikaiyuan.com/image/1.jpg。我需要一份100×100的缩略图。
2、请求www.aikaiyuan.com/resize_100x100/image/1.jpg.
3、这个请求进入了location ~* ^/resize,接着判断image_path这个目录下是否存在这张图片,如果存在直接放回给用户,
4、不存在那么跳转到http://www.aikaiyuan.com/image_resize/image/1.jpg?width=100&height=100;
5、location /image_resize根据传入的width和height执行缩略功能,并且设置图像质量为75
6、接着生成文件到/data/site_cache/www.aikaiyuan.com/resize_100x100/image/1.jpg
7、并且返回图片给用户
8、nginx生成缩略图到硬盘上的功能到这里就结束了