差别

这里会显示出您选择的修订版和当前版本之间的差别。

服务器技术:nginx:图片自动压缩和缓存 [2018/05/29 13:49] admin 创建		服务器技术:nginx:图片自动压缩和缓存 [2018/09/10 18:02] (当前版本)
后一修订版		前一修订版
行 1:		行 1:
-	<p>#图片自动缩略图<br/>server {<br/>        listen       803;<br/>       server_name  localhost ;<br/>       access_log  off ;<br/>       client_max_body_size 100M;<br/><br/><br/>        location / {<br/>            add_header Access-Control-Allow-Origin ;<br/>            add_header Access-Control-Allow-Headers X-Requested-With;<br/>            add_header Access-Control-Allow-Methods GET,POST,OPTIONS;<br/>            #proxy_set_header Host "m.isoftstone-gz.com";<br/>            #proxy_pass     http://210.22.27.210:8139;<br/>            root   /data/apps/static;<br/>            index  index.html index.htm;<br/>        }<br/>      location ~ /image_data/(.)_(\d+)x(\d+)\.(jpg\|gif\|png)$ {<br/>            root /data/apps/static;<br/>            set $s $1;<br/>            set $w $2;<br/>            set $h $3;<br/>            set $type $4;<br/>            #default_type image/jpeg;<br/>            image_filter resize $w $h;<br/>            #image_filter crop $w $h;<br/>            image_filter_buffer 10M;<br/>            image_filter_jpeg_quality 85;<br/>            image_filter_interlace on;            # 将jpeg图片转换为可以渐进式加载的格式，这样用户可以尽快看到图片效果<br/>            image_filter_transparency on;         # 是否保留图片的透明像素，因为我们还有png图，所以这里要打开<br/>            rewrite ^/image_data/(.)$  /image_data/$s.$type break;<br/>            try_files /image_data/$s.$type /image_data/notfound.jpg;<br/>        }<br/><br/>    }<br/><br/></p>	+	<p>nginx层使用<span style="font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:13px;line-height:20.799999237060547px;">http_image_filter_module模块：</span></p><p><span style="font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:13px;line-height:20.799999237060547px;"><span style="font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:13px;line-height:20.799999237060547px;">http_image_filter_module是nginx提供的集成图片处理模块，支持nginx-0.7.54以后的版本，在网站访问量不是很高磁盘有限不想生成多余的图片文件的前提下可，就可以用它实时缩放图片，旋转图片，验证图片有效性以及获取图片宽高以及图片类型信息，由于是即时计算的结果，所以网站访问量大的话，不建议使用。</span><br/></span></p><p><span style="font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:12px;"><span style="line-height:20.799999237060547px;">我们的业务访问量也很大，但是用到了cdn，即访问顺序是cdn->nginx->图片服务器，cdn会回源访问nginx，nginx动态生成指定分辨率的图片后，下次用户再访问此分辨率图片时，cdn上已经有了缓存，会大大减少并发动态生成缩略图的访问量。</span></span></p><p><br/></p><p>#图片自动缩略图<br/>server {<br/>        listen       803;<br/>       server_name  localhost ;<br/>       access_log  off ;<br/>       client_max_body_size 100M;<br/><br/><br/>        location / {<br/>            add_header Access-Control-Allow-Origin ;<br/>            add_header Access-Control-Allow-Headers X-Requested-With;<br/>            add_header Access-Control-Allow-Methods GET,POST,OPTIONS;<br/>            #proxy_set_header Host "m.isoftstone-gz.com";<br/>            #proxy_pass     http://210.22.27.210:8139;<br/>            root   /data/apps/static;<br/>            index  index.html index.htm;<br/>        }<br/>      location ~ /image_data/(.)_(\d+)x(\d+)\.(jpg\|gif\|png)$ {<br/>            root /data/apps/static;<br/>            set $s $1;<br/>            set $w $2;<br/>            set $h $3;<br/>            set $type $4;<br/>            #default_type image/jpeg;<br/>            image_filter resize $w $h;<br/>            #image_filter crop $w $h;<br/>            image_filter_buffer 10M;<br/>            image_filter_jpeg_quality 85;<br/>            image_filter_interlace on;            # 将jpeg图片转换为可以渐进式加载的格式，这样用户可以尽快看到图片效果<br/>            image_filter_transparency on;         # 是否保留图片的透明像素，因为我们还有png图，所以这里要打开<br/>            rewrite ^/image_data/(.)$  /image_data/$s.$type break;<br/>            try_files /image_data/$s.$type /image_data/notfound.jpg;<br/>        }<br/><br/>    }</p><p><br/></p><p><br/></p><p>================================================</p><p> thumbnail.gddlh.conf <br/></p><p>#图片自动缩略图<br/>server {<br/>        listen       803;<br/>       server_name  localhost ;<br/>       access_log  off ;<br/>       client_max_body_size 100M;<br/><br/><br/>        location / {<br/>            add_header Access-Control-Allow-Origin ;<br/>            add_header Access-Control-Allow-Headers X-Requested-With;<br/>            add_header Access-Control-Allow-Methods GET,POST,OPTIONS;<br/>            #proxy_set_header Host "m.isoftstone-gz.com";<br/>            #proxy_pass     http://210.22.27.210:8139;<br/>            root   /data/apps/static;<br/>            index  index.html index.htm;<br/>        }<br/>      location ~ /image_data/(.)_(\d+)x(\d+)\.(jpg\|gif\|png)$ {<br/>            root /data/apps/static;<br/>            set $s $1;<br/>            set $w $2;<br/>            set $h $3;<br/>            set $type $4;<br/>            #default_type image/jpeg;<br/>            image_filter resize $w $h;<br/>            #image_filter crop $w $h;<br/>            image_filter_buffer 10M;<br/>            image_filter_jpeg_quality 85;<br/>            image_filter_interlace on;            # 将jpeg图片转换为可以渐进式加载的格式，这样用户可以尽快看到图片效果<br/>            image_filter_transparency on;         # 是否保留图片的透明像素，因为我们还有png图，所以这里要打开<br/>            rewrite ^/image_data/(.)$  /image_data/$s.$type break;<br/>            try_files /image_data/$s.$type /image_data/notfound.jpg;<br/>        }<br/><br/>    }<br/><br/><br/>===================================</p><p>#图片缓存配置<br/></p><p>proxy_cache_path /data/caches/  levels=1:2 keys_zone=Zone:10m inactive=1m max_size=30g;<br/><br/>server {<br/>        listen       80;<br/>        server_name  img.gddlh.com ;<br/>       access_log  off ;<br/>       client_max_body_size 100M;<br/><br/>       #静态文件缓存 proxy_stroe<br/>       location ~ .\.(html\|htm\|css\|js\|ico\|jpeg\|git\|jpg\|png\|bmp\|swf)$ {<br/>        expires 1d;<br/>        root /data/caches/temp/;<br/>        proxy_store on;<br/>        proxy_store_access user:rw group:rw all:rw;<br/>        proxy_temp_path /data/caches/temp/;<br/>        #proxy_set_header Accept-Encoding '';<br/>        proxy_set_header Host $host:$server_port;<br/>        proxy_set_header X-Real-IP $remote_addr;<br/>        proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;<br/>        if (!-e $request_filename) {<br/>                proxy_pass http://localhost:803;<br/>        }<br/>      }<br/><br/>      #动态文件缓存 proxy_cache<br/>        location ~ .$ {<br/>            proxy_cache Zone;<br/>            proxy_cache_valid  200 206 304 301 302 10d;<br/>            proxy_cache_key $uri;<br/>            proxy_set_header Host  $host;<br/>            proxy_set_header X-Real-IP $remote_addr;<br/>            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;<br/>            proxy_pass http://localhost:803;<br/><br/>        }<br/><br/>    }<br/><br/></p>

技术分享

站点工具

差别

页面工具