Nginx學習筆記--Nginx圖片縮略圖,水印處理模塊

本nginx模塊主要功能是對請求的圖片進行縮略/水印處理,支持文字水印和圖片水印。

html

1.環境準備nginx

確認已經安裝了libgd2-devel,libpcre-devel,libcurl-devel模塊git

 

2.下載nginx的tar.gz文件,並經過tar -zxvf  進行解壓縮github

 

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的參數 添加圖片處理模塊curl

./configure --add-module=ngx_image_thumb-master字體

 

5.make & makeinstall 編譯安裝nginx網站

 

6.經過nginx.conf文件 配置圖片處理模塊url

    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.配置參數說明
spa

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.調用舉例

相關文章
相關標籤/搜索