nginx实时生成缩略图到硬盘上

凉白开 Nginx1425,2352字数 1857阅读6分11秒阅读模式

现在随着各终端的出现(手机,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/

weinxin
我的微信
微信公众号
扫一扫关注运维生存时间公众号,获取最新技术文章~
凉白开
  • 本文由 发表于 15/08/2013 13:55:51
  • 转载请务必保留本文链接:https://www.ttlsa.com/nginx/nginx-create-image-on-disk/
评论  14  访客  12
    • 请输入您的QQ号
      请输入您的QQ号 0

      如何这样带后缀 进行缩略图访问 ? http: //www.ttlsa.com/image_resize/image/1.jpg_100x100

      if 需要如何写的呢?

      • […] 19. CDN下nginx获取用户真实IP地址 20. nginx实时生成缩略图到硬盘上 21. perl + fastcgi + nginx搭建 22. nginx+memcached构建页面缓存应用 23. […]

        • ng
          ng 9

          缩略图生成存起来,非常好,但是,随着时间的推移,会后大量缩略图产生,怎么设定过期时间,让其自动删除呢?

          • jicki
            jicki 9

            为什么会出现 415 的情况呢?

            • aunox
              aunox 9

              这需要安装什么插件吗?没看到啊!

                • 默北
                  默北 6

                  @ aunox –with-http_image_filter_module模块

                • 宋飞飞
                  宋飞飞 9

                  if ($uri ~* "^/resize/(.*)" ) {
                  set $image_path $1;
                  这一句 我比较疑惑,这样能取到 图片地址吗
                  原图在www.ttlsa.com/image/1.jpg。通过 以上代码$1可以读取到 image/1.jpg ?

                  • xbox
                    xbox 9

                    good

                    • ng
                      ng 0

                      线上已经使用,ok

                    评论已关闭!