全部產品
Search
文件中心

CDN:添加浮水印

更新時間:Sep 14, 2024

添加浮水印可以用於品牌推廣和宣傳,還可以協助保護圖片的著作權,防止他人未經授權使用圖片。CDN支援圖片浮水印和文字浮水印,可以將浮水印放在圖片的特定位置,並調整浮水印的透明度,以便在不干擾圖片內容的情況下顯示浮水印。

說明
  • 阿里雲CDN、DCDN和OSS的圖片處理都是獨立的功能,不能相互混用。

  • 影像處理為付費服務,當前免費使用,收費時間另行通知。

  • 當您使用影像處理功能時,由於不同圖片格式在壓縮演算法上存在較大差異,因此不同圖片格式之間相互轉換可能會導致圖片體積變大,例如:jpeg轉webp、jpeg轉png、png轉webp。如果您需要降低圖片檔案的體積,建議您通過調整品質參數quality降低圖片品質來實現。

注意事項

  • 支援同時添加多個浮水印,且支援同時添加圖片浮水印和文字浮水印,最多支援添加5個。

  • 圖片浮水印暫不支援縮放,浮水印圖片原圖不能超過1 MB。

參數說明

操作名稱:watermark

  • 基礎參數(浮水印位置)

    參數

    說明

    取值範圍

    t

    指定浮水印圖片或浮水印文字的透明度。

    [0,100]

    預設值為100, 表示透明度100%(即不透明)。

    g

    指定浮水印在圖片中的位置。

    • nw:左上

    • north:中上

    • ne:右上

    • west:左中

    • center:中部

    • east:右中

    • sw:左下

    • south:中下

    • se:右下

    詳情請參見上方基準點圖片。

    x

    指定浮水印的水平邊距, 即距離圖片邊緣的水平距離。這個參數只有當浮水印位置是左上、左中、左下、右上、右中、右下才有意義。

    [0,4096]

    預設值為10 ,單位:px(像素)。

    y

    指定浮水印的垂直邊距,即距離圖片邊緣的垂直距離。 這個參數只有當浮水印位置是左上、中上、右上、左下、中下、右下才有意義。

    [0,4096]

    預設值為10, 單位:px(像素)。

水平邊距、垂直邊距、中線垂直位移不僅可以調節浮水印在圖片中的位置,當圖片存在多重浮水印時,還可以調節浮水印在圖中的布局。

浮水印位置

  • 圖片浮水印參數

    參數

    說明

    取值範圍

    image

    指定可以訪問的圖片浮水印地址,浮水印地址可以公開訪問,若有鑒權或使用權限設定,可能導致擷取浮水印地址失敗。

    浮水印地址需進行Base64編碼。詳細資料,請參見浮水印編碼

    Base64編碼後的字串。

  • 文字浮水印參數

    參數

    說明

    取值範圍

    text

    指定文字浮水印的文字內容,文字內容需進行Base64編碼。詳細資料,請參見浮水印編碼

    Base64編碼後的字串,最大長度不能超過60個字元。

    type

    指定文字浮水印的字型,字型名稱需進行Base64編碼。詳細資料,請參見浮水印編碼

    共支援10種文字字型,字型及字型編碼請參見文字類型編碼對應表

    說明

    如果您使用的是10種文字字型之外的其他字型,系統會識別出您使用的是預設字型alihyaihei。

    color

    指定文字浮水印的文字顏色,參數值為RGB顏色值。

    RGB顏色值,例如:000000表示黑色,FFFFFF表示白色。

    預設值:000000(黑色)。

    rotate

    指定文字順時針旋轉角度。

    [0,360]

    預設值:0,表示不旋轉。

    fill

    指定是否將文字浮水印鋪滿原圖。

    [0,1],預設值為0。

    • 0:表示不將文字浮水印鋪滿原圖。

    • 1:表示將文字浮水印鋪滿原圖。

    size

    指定文字浮水印的文字大小。

    (0,1000]

    預設值:40

    單位:px

    type參數中可選的文字類型及編碼如下表所示。

    文字字型

    中文含義

    編碼值

    alihyaihei

    阿里漢儀智能黑體,預設字型

    YWxpaHlhaWhlaQ

    hysong

    漢儀宋體

    aHlzb25n

    hyhei

    漢儀黑體

    aHloZWk

    hyshuangxian

    漢儀雙線體

    aHlzaHVhbmd4aWFu

    comfortaa

    Comfortaa

    Y29tZm9ydGFh

    notosans

    NotoSans

    bm90b3NhbnM

浮水印編碼

添加浮水印時,文字浮水印的文字內容、文字字型和圖片浮水印的浮水印地址需進行URL安全的Base64編碼。編碼方式如下:

  1. 將內容編碼成Base64。

    推薦使用URL-safe Base64編碼工具對文字浮水印的文字內容、文字字型和圖片浮水印的浮水印地址進行編碼。浮水印編碼後的內容僅適合應用在浮水印操作的特定參數中,請勿將其用在簽名字串(Signature)的內容裡。

  2. 替換編碼結果中的部分編碼。

    • 將結果中的加號(+)替換成短劃線(-)。

    • 將結果中的正斜線(/)替換成底線(_)。

    • 將結果中尾部的等號(=)省略。

操作樣本

  • 添加Hello World的文字浮水印:

    對文字浮水印的內容Hello World進行URL安全的Base64位編碼。具體操作,請參見浮水印編碼,編碼結果為SGVsbG8gV29ybGQ;hysong字型的為編碼為aHlzb25n。圖片處理URL為:http(s)://example.com/image01.png?image_process=watermark,text_SGVsbG8gV29ybGQ,type_aHlzb25n

  • 添加文字和圖片浮水印:

    • 文字浮水印內容:Hello World,進行URL安全的Base64位編碼結果為:SGVsbG8gV29ybGQ

    • 浮水印文字位置是右下、水平邊距10、中線垂直位移10:g_se,x_10,y_10

    • 圖片浮水印地址http://example-test.oss-ap-southeast-1.aliyuncs.com/image/shuiyin.png,Base64編碼後為aHR0cDovL2V4YW1wbGUtdGVzdC5vc3MtYXAtc291dGhlYXN0LTEuYWxpeXVuY3MuY29tL2ltYWdlL3NodWl5aW4ucG5n

    • 浮水印圖片位於原圖的左上方、水平邊距10、中線垂直位移10:g_nw,x_10,y_10

    • 圖片處理URL為:http(s)://example.com/image01.png?image_process=watermark,text_SGVsbG8gV29ybGQ,g_se,x_10,y_10/watermark,image_aHR0cDovL2V4YW1wbGUtdGVzdC5vc3MtYXAtc291dGhlYXN0LTEuYWxpeXVuY3MuY29tL2ltYWdlL3NodWl5aW4ucG5n,g_nw,x_10,y_10