Nginx学习笔记--Nginx图片缩略图,水印处理模块

本nginx模块主要功能是对请求的图片进行缩略/水印处理，支持文字水印和图片水印。

1.环境准备 确认已经安装了libgd2-devel,libpcre-devel,libcurl-devel模块   2.下载nginx的tar.gz文件，并通过tar -zxvf  进行解压缩   3.下载模块源代码(https://github.com/3078825/nginx-image/archive/master.zip

)，保存到nginx的源文件目录下（如/usr/local/src/nginx1.2.6）。模块的源代码文件为ngx_image_thumb-master.zip。通过 unzip ngx_image_thumb-master.zip 对模块源码进行解压缩   4.配置nginx的参数 添加图片处理模块 ./configure --add-module=ngx_image_thumb-master   5.make & makeinstall 编译安装nginx   6.通过nginx.conf文件 配置图片处理模块     location / {

            root   html;

            index  index.html index.htm;

            image on;

            image_output on;

            image_water on;

            image_water_type 0;

            image_water_file "/usr/local/nginx/html/vanke.png";

            image_water_pos 0;

            image_water_min 300 300;

            #image_water_text Vanke.com;

            #image_water_font_size 14;

        }

7.配置参数说明 image on/off 是否开启缩略图功能,默认关闭

image_backend on/off 是否开启镜像服务，当开启该功能时，请求目录不存在的图片（判断原图），将自动从镜像服务器地址下载原图

image_backend_server 镜像服务器地址

image_output on/off 是否不生成图片而直接处理后输出 默认off

image_jpeg_quality 75 生成JPEG图片的质量 默认值75

image_water on/off 是否开启水印功能

image_water_type 0/1 水印类型 0:图片水印 1:文字水印

image_water_min 300 300 图片宽度 300 高度 300 的情况才添加水印

image_water_pos 0-9 水印位置 默认值9 0为随机位置,1为顶端居左,2为顶端居中,3为顶端居右,4为中部居左,5为中部居中,6为中部居右,7为底端居左,8为底端居中,9为底端居右

image_water_file 水印文件(jpg/png/gif),绝对路径或者相对路径的水印图片

image_water_transparent 水印透明度,默认20

image_water_text 水印文字 "Power By Vampire"

image_water_font_size 水印大小 默认 5

image_water_font 文字水印字体文件路径

image_water_color 水印文字颜色,默认 #000000

8.调用说明 这里假设你的nginx 访问地址为 http://127.0.0.1/

并在nginx网站根目录存在一个 test.jpg 的图片

通过访问

http://127.0.0.1/test.jpg!c300x200.jpg 将会 生成/输出 test.jpg 300x200 的缩略图

其中 c 是生成图片缩略图的参数， 300 是生成缩略图的宽度， 200 是生成缩略图的高度

一共可以生成四种不同类型的缩略图。

支持 jpeg / png / gif (Gif生成后变成静态图片)

C 参数按请求宽高比例从图片高度 10% 处开始截取图片，然后缩放/放大到指定尺寸（ 图片缩略图大小等于请求的宽高 ）

M 参数按请求宽高比例居中截图图片，然后缩放/放大到指定尺寸（ 图片缩略图大小等于请求的宽高 ）

T 参数按请求宽高比例按比例缩放/放大到指定尺寸（ 图片缩略图大小可能小于请求的宽高 )

W 参数按请求宽高比例缩放/放大到指定尺寸，空白处填充白色背景颜色（ 图片缩略图大小等于请求的宽高   9.调用举例

• http://127.0.0.1/test.jpg!c300x300.jpg
• http://127.0.0.1/test.jpg!t300x300.jpg
• http://127.0.0.1/test.jpg!m300x300.jpg
• http://127.0.0.1/test.jpg!w300x300.jpg
• http://127.0.0.1/test.c300x300.jpg
• http://127.0.0.1/test.t300x300.jpg
• http://127.0.0.1/test.m300x300.jpg
• http://127.0.0.1/test.w300x300.jpg