现在随着各终端的出现(手机,ipad等平板),以及各种终端的手机分辨率和尺寸都不同,现在手机用户流量都是宝,网上出现了各种各样的生成缩略图功能的架构,有使用php实时生成缩略图的,也有用nginx + lua实现的,上节我也讲到了使用nginx生成缩略图,但是用户每次访问都需要生成一次,会给cpu和硬盘带来比较大的压力,今天带来了另外一种方式,这次使用nginx将原图生成缩略图到硬盘上.看我的配置
1. 首先建好cache目录文章源自运维生存时间-https://www.ttlsa.com/nginx/nginx-create-image-on-disk/
# mkdir /data/site_cache/
2. 修改nginx配置文章源自运维生存时间-https://www.ttlsa.com/nginx/nginx-create-image-on-disk/
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、不存在那么跳转到https://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生成缩略图到硬盘上的功能到这里就结束了
转载请注明出处: https://www.ttlsa.com/html/2355.html文章源自运维生存时间-https://www.ttlsa.com/nginx/nginx-create-image-on-disk/
文章源自运维生存时间-https://www.ttlsa.com/nginx/nginx-create-image-on-disk/
9F
如何这样带后缀 进行缩略图访问 ? http: //www.ttlsa.com/image_resize/image/1.jpg_100x100
if 需要如何写的呢?
8F
[…] 19. CDN下nginx获取用户真实IP地址 20. nginx实时生成缩略图到硬盘上 21. perl + fastcgi + nginx搭建 22. nginx+memcached构建页面缓存应用 23. […]
7F
缩略图生成存起来,非常好,但是,随着时间的推移,会后大量缩略图产生,怎么设定过期时间,让其自动删除呢?
B1
@ ng 计划任务,定期删除!
6F
为什么会出现 415 的情况呢?
B1
@ jicki 请看看你的nginx日志
5F
这需要安装什么插件吗?没看到啊!
B1
@ aunox –with-http_image_filter_module模块
4F
if ($uri ~* "^/resize/(.*)" ) {
set $image_path $1;
这一句 我比较疑惑,这样能取到 图片地址吗
原图在www.ttlsa.com/image/1.jpg。通过 以上代码$1可以读取到 image/1.jpg ?
3F
good
2F
线上已经使用,ok
来自外部的引用