- A+
现在随着各终端的出现(手机,ipad等平板),以及各种终端的手机分辨率和尺寸都不同,现在手机用户流量都是宝,网上出现了各种各样的生成缩略图功能的架构,有使用php实时生成缩略图的,也有用nginx + lua实现的,上节我也讲到了使用nginx生成缩略图,但是用户每次访问都需要生成一次,会给cpu和硬盘带来比较大的压力,今天带来了另外一种方式,这次使用nginx将原图生成缩略图到硬盘上.看我的配置
1. 首先建好cache目录
1 |
# mkdir /data/site_cache/ |
2. 修改nginx配置
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
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; } |
生成缩略图流程如下:
1、原图在www.ttlsa.com/image/1.jpg。我需要一份100x100的缩略图。
2、请求www.ttlsa.com/resize_100x100/image/1.jpg.
3、这个请求进入了location ~* ^/resize,接着判断image_path这个目录下是否存在这张图片,如果存在直接放回给用户,
4、不存在那么跳转到http://www.ttlsa.com/image_resize/image/1.jpg?width=100&height=100;
5、location /image_resize根据传入的width和height执行缩略功能,并且设置图像质量为75
6、接着生成文件到/data/site_cache/www.ttlsa.com/resize_100x100/image/1.jpg
7、并且返回图片给用户
8、nginx生成缩略图到硬盘上的功能到这里就结束了
转载请注明出处: http://www.ttlsa.com/html/2355.html

27/08/2017 上午 3:39 沙发
如何这样带后缀 进行缩略图访问 ? http: //www.ttlsa.com/image_resize/image/1.jpg_100x100
if 需要如何写的呢?
25/02/2016 下午 9:45 板凳
[…] 19. CDN下nginx获取用户真实IP地址 20. nginx实时生成缩略图到硬盘上 21. perl + fastcgi + nginx搭建 22. nginx+memcached构建页面缓存应用 23. […]
03/04/2015 上午 10:12 地板
缩略图生成存起来,非常好,但是,随着时间的推移,会后大量缩略图产生,怎么设定过期时间,让其自动删除呢?
03/04/2015 下午 12:11 1层
@ng 计划任务,定期删除!
19/11/2014 上午 10:29 4楼
为什么会出现 415 的情况呢?
19/11/2014 上午 10:38 1层
@jicki 请看看你的nginx日志
02/08/2014 下午 7:59 5楼
这需要安装什么插件吗?没看到啊!
03/08/2014 上午 9:45 1层
@aunox –with-http_image_filter_module模块
04/07/2014 下午 12:38 6楼
if ($uri ~* "^/resize/(.*)" ) {
set $image_path $1;
这一句 我比较疑惑,这样能取到 图片地址吗
原图在www.ttlsa.com/image/1.jpg。通过 以上代码$1可以读取到 image/1.jpg ?
01/03/2014 上午 11:19 7楼
good
16/08/2013 上午 10:29 8楼
线上已经使用,ok
来自外部的引用: 3