本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 訪問地址為
並在nginx網站根目錄存在一個 test.jpg 的圖片
透過訪問
test.jpg!c300x200.jpg 將會生成/輸出 test.jpg 300x200 的縮圖
其中 c 是生成圖片縮圖的引數， 300 是生成縮圖的寬度， 200 是生成縮圖的高度
一共可以生成四種不同型別的縮圖。
支援 jpeg / png / gif (Gif生成後變成靜態圖片)
C 引數按請求寬高比例從圖片高度 10% 處開始擷取圖片，然後縮放/放大到指定尺寸（圖片縮圖大小等於請求的寬高）
M 引數按請求寬高比例居中截圖圖片，然後縮放/放大到指定尺寸（圖片縮圖大小等於請求的寬高）
T 引數按請求寬高比例按比例縮放/放大到指定尺寸（圖片縮圖大小可能小於請求的寬高 )
W 引數按請求寬高比例縮放/放大到指定尺寸，空白處填充白色背景顏色（圖片縮圖大小等於請求的寬高

9.呼叫舉例

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

相關文章