Nginx使用圖片處理模塊

Nginx能夠編寫不少額外的模塊,這裏咱們須要按照可以經過URL響應返回縮放且含圖片水印功能的模塊。

1.安裝一些使用過程當中會用到的工具html

yum install libgd2-devel
yum install libpcre-devel
yum install libcurl-devel
yum install gd-devel


2.安裝Nginx,不知道怎麼安裝的能夠點擊查看
3.下載模塊源代碼,將下載來的文件解壓至Nginx的根目錄nginx

wget https://github.com/3078825/nginx-image/archive/master.zip
cd /usr/local/nginx-1.12.2/
unzip master.zip


4.配置Nginx的參數,添加圖片處理模塊git

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


5.編譯安裝github

make && make install


6.配置nginx.conf文件服務器

location ~*\.(jpg|png|gif){
    root /home/upload/nginx/;
    image on;
    #image_backend off;
    image_output on;
    #image_jpeg_quality 75;
    image_water on;
    image_water_type 0;
    image_water_pos 9;
    image_water_file "/home/upload/nginx/logo.png";
    #image_water_transparent 80;
}


7.配置參數說明curl

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 "/home/upload/nginx/logo.png"
#水印文件(jpg/png/gif),絕對路徑或者相對路徑的水印圖片
image_water_transparent 20
#水印透明度,默認20
image_water_text "Power By Vampire"
#水印文字 "Power By Vampire"
image_water_font_size 5
#水印大小 默認 5
image_water_font 
#文字水印字體文件路徑
image_water_color #000000
#水印文字顏色,默認 #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 參數按請求寬高比例縮放/放大到指定尺寸,空白處填充白色背景顏色(圖片縮略圖大小等於請求的寬高)
相關文章
相關標籤/搜索