# Image watermarking

Cloudimage can place a watermark on top of your images if you want to protect them from copying or tag them with a serial number or custom text. There are three types of watermarks - click on each one for more details.

Most of the on-the-fly image transformations can be configured using the [Asset Variation Builder](https://docs.cloudimage.io/transformations/asset-variation-builder), an in-line URL  builder to preview each image transformation instantly.

| <p><a data-mention href="image-watermarking/static-watermark">static-watermark</a></p><p><br>Apply the same image watermark to all the images you decide to watermark (e.g. your company's logo).</p>   | ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/1RHblM9W8ld8BGV1JTVm/image.png) |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- |
| <p><a data-mention href="image-watermarking/dynamic-watermark">dynamic-watermark</a></p><p><br>Specify the watermark in the Cloudimage URL to apply different watermarks to different images.</p>       | ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/Wuc813zqW0vWdFrNWDkc/image.png) |
| <p><a data-mention href="image-watermarking/text-watermark">text-watermark</a></p><p><br>If you need to tag images, use the text watermark to dynamically embed text to the images you need tagged.</p> | ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/uUPAeLivk8r1wmBlLTW3/image.png) |

## Multiple watermarks

### Basic syntax

You can overlay multiple watermarks by indexing the parameters in the URL **wat\[1]=1**&**wat\[2]=1**. The **wat=1** parameter must be indexed and contain all watermarks to activate the feature.&#x20;

All parameters without indices will be applied to all watermarks in the image.

?<mark style="color:purple;">**wat\[1]=1**</mark>&<mark style="color:purple;">**wat\[2]=1**</mark>&<mark style="color:purple;">**wat\_scale\[1]=50**</mark>&<mark style="color:purple;">**wat\_scale\[2]=10**</mark>&<mark style="color:purple;">**wat\_opacity=0.5**</mark>

In the above fragment, **wat\_opacity=0.5** will be applied to both watermarks.

### Multiple watermark types

Combining multiple watermark types is also possible.

{% hint style="info" %}
Remember that the presence of the **wat\_url=X** parameter defines a dynamic watermark, **wat\_text=X** defines a text watermark and the absence of either defines a static watermark.
{% endhint %}

?<mark style="color:purple;">**wat\[**</mark><mark style="color:red;">**1**</mark><mark style="color:purple;">**]=1**</mark>&<mark style="color:purple;">**wat\[**</mark><mark style="color:red;">**2**</mark><mark style="color:purple;">**]=1**</mark>&<mark style="color:purple;">**wat\[**</mark><mark style="color:red;">**3**</mark><mark style="color:purple;">**]=1**</mark>&<mark style="color:purple;">**wat\_url\[**</mark><mark style="color:red;">**2**</mark><mark style="color:purple;">**]=sample.li/Angular.png**</mark>&<mark style="color:purple;">**wat\_text\[**</mark><mark style="color:red;">**3**</mark><mark style="color:purple;">**]=text**</mark>

In the above fragment, there are three watermarks. Watermark 2 is a dynamic watermark, watermark 3 is a text watermark, and watermark 1 is a static one.

### Example

| Preview                                                                                            | Syntax                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/9u6QOYgHEtVYVYzaCtXV/image.png) | [/samples.scaleflex.com/paris-salon2.jpg?<mark style="color:orange;">**w=600**</mark>&<mark style="color:purple;">**wat\[**</mark><mark style="color:red;">**1**</mark><mark style="color:purple;">**\]=1**</mark>&<mark style="color:purple;">**wat\[**</mark><mark style="color:red;">**2**</mark><mark style="color:purple;">**\]=1**</mark>&<mark style="color:purple;">**wat\[**</mark><mark style="color:red;">**3**</mark><mark style="color:purple;">**\]=1**</mark>&<mark style="color:purple;">**wat\_pad=6**</mark>&<mark style="color:purple;">**wat\_url\[**</mark><mark style="color:red;">**1**</mark><mark style="color:purple;">**\]=http://sample.li/Angular.png**</mark>&<mark style="color:purple;">**wat\_url\[**</mark><mark style="color:red;">**2**</mark><mark style="color:purple;">**\]=http://sample.li/React.png**</mark>&<mark style="color:purple;">**wat\_gravity\[**</mark><mark style="color:red;">**1**</mark><mark style="color:purple;">**\]=southeast**</mark>&<mark style="color:purple;">**wat\_gravity\[**</mark><mark style="color:red;">**2**</mark><mark style="color:purple;">**\]=southwest**</mark>&<mark style="color:purple;">**wat\_scale=25**</mark>&<mark style="color:purple;">**wat\_text\[**</mark><mark style="color:red;">**3**</mark><mark style="color:purple;">**\]=TEXT%20WATERMARK**</mark>&<mark style="color:purple;">**wat\_fontsize\[**</mark><mark style="color:red;">**3**</mark><mark style="color:purple;">**\]=20**</mark>&<mark style="color:purple;">**wat\_gravity\[**</mark><mark style="color:red;">**3**</mark><mark style="color:purple;">**\]=north**</mark>&<mark style="color:purple;">**wat\_color\[**</mark><mark style="color:red;">**3**</mark><mark style="color:purple;">**\]=blue**</mark>](https://doc.cloudimg.io/https://samples.scaleflex.com/paris-salon2.jpg?w=600\&wat\[1]=1\&wat\[2]=1\&wat\[3]=1\&wat_pad=6\&wat_url\[1]=http://sample.li/Angular.png\&wat_url\[2]=http://sample.li/React.png\&wat_gravity\[1]=southeast\&wat_gravity\[2]=southwest\&wat_scale=25\&wat_text\[3]=TEXT%20WATERMARK\&wat_fontsize\[3]=20\&wat_gravity\[3]=north\&wat_color\[3]=blue) |