Dynamic Route for CDN (DCDN) supports picture watermarks and text watermarks. You can add picture watermarks and text watermarks to images. This topic describes how to add watermarks to images and provides examples.
- To enable image editing, submit a ticket.
- Image editing is a paid service. It is currently free of charge until further notice.
Picture watermarks
Set the action to watermark
.
- You cannot resize picture watermarks. The size of a base picture that is used as the watermark cannot exceed 1 MB.
- You can add at most five watermarks to an image. Picture watermarks and text watermarks are supported.
Feature | Description | Parameter | Valid value |
---|---|---|---|
Watermark URL | You can specify watermark URLs that are accessible from the Internet. If authentication or permissions are required to access the specified URL, DCDN may fail to retrieve the watermark. Watermark URLs must be encoded in Base64. For more information, see Watermark encoding. | image | A Base64-encoded string. |
- Add picture watermarks
example.com/image01.png?image_process=watermark,image_Base64-encoded image URL,x_20,y_20,g_se,t_70
- Add picture watermarks and text watermarks
example.com/image01.png?image_process=watermark,text_Base64-encoded text content,x_10,y_10,g_nw,size_24,color_FF0000,t_70/watermark,image_Base64-encoded image URL,x_20,y_20,g_se,t_70
Text watermarks
Set the action to watermark
.
Feature | Description | Parameter | Valid value |
---|---|---|---|
Text content | Specifies the content of a text watermark. The text content must be encoded in Base64. For more information, see Watermark encoding. | text | A Base64-encoded string that contains at most 60 characters in length. |
Text font | Specifies the font of a text watermark. The font name must be encoded in Base64. For more information, see Watermark encoding. | type | Up to 10 fonts are supported. For more information, see Text fonts. Note If you use a font that is not included in the 10 fonts, the font is recognized as the default font alihyaihei. |
Text color | Specifies the color of a text watermark. | color | RGB color codes. For example, 000000 represents black and FFFFFF represents white. Default value: 000000. |
Text rotation | Specifies the angle to which the text is rotated clockwise. | rotate | Supported angles are 90°, 180°, and 270°. |
Text tiling | Specifies whether to tile an image with text watermarks. | fill | Valid values: 0 and 1. Default value: 0.
|
- Add text watermarks
example.com/image01.png?image_process=watermark,text_Base64-encoded text content,type_YWxpaHlhaWhlaQ,x_10,y_10,g_se,size_24,color_FF0000,t_70,rotate_45,fill_0
- Add picture watermarks and text watermarks
example.com/image01.png?image_process=watermark,text_Base64-encoded text content,x_10,y_10,g_nw,size_24,color_FF0000,t_70/watermark,image_Base64-encoded image URL,x_20,y_20,g_se,t_70
Text font | Description | Code |
---|---|---|
alihyaihei | A bold font. This is the default font. | YWxpaHlhaWhlaQ |
hysong | A Songti font variant. | aHlzb25n |
hyhei | A Heiti font variant. | aHloZWk |
hyshuangxian | A double line font. | aHlzaHVhbmd4aWFu |
fzltzhk | A Heiti font variant. | ZnpsdHpoaw |
fzshengsks | A regular script font. | ZnpzaGVuZ3Nrcw |
fzqusongjian | A Songti font variant. | ZnpxdXNvbmdqaWFu |
zzgfxingyan | An artistic font. | enpnZnhpbmd5YW4 |
comfortaa | Comfortaa | Y29tZm9ydGFh |
notosans | NotoSans | bm90b3NhbnM |
Watermark positions
Parameter | Description | Valid value |
---|---|---|
t | Specifies the opacity of the text or image watermark. | [0,100] Default value: 100, which indicates that the watermark is opaque. |
g | Specifies the position of the watermark on the image. |
|
x | Specifies the horizontal margin, which is the horizontal distance between the watermark and the left edge of the image. This parameter takes effect only when the watermark is on the upper-left, center-left, lower-left, upper-right, center-right, or lower-right side of the image. | [0,4096] Default value: 10. Unit: pixels. |
y | Specifies the vertical margin, which is the vertical distance between the watermark and the lower edge of the image. This parameter takes effect only when the watermark is on the upper-left, center-left, lower-left, upper-right, center-right, or lower-right side of the image. | [0,4096] Default value: 10. Unit: pixels. |
Watermark encoding
When you add watermarks to an image, the content, color, and font of text watermarks and the name of picture watermarks must be URL-encoded in Base64. The encoding method is:
- Encode the content in Base64.
We recommend that you use URL-safe Baes64 encoding tools to encode the text content, font of text watermarks, and the URLs of picture watermarks. The encoded strings of watermarks can be used only in parameters used to add watermarks. Do not include the encoded strings of watermarks in signature strings.
- Replace the encoded content based on the following rules:
- Replace plus signs (+) with hyphens (-).
- Replace forward slashes (/) with underscores (_).
- Omit equal signs (=) that are at the end of a string.