# Static watermark

This function will watermark selected images with the same watermark - an image set in the Asset Hub. This is useful for placing your company logo, name or other copyright information. If you would like to watermark different images with different watermarks, please refer to the [dynamic-watermark](https://docs.scaleflex.com/dynamic-media-optimization-dmo/transformations/image-optimization/watermarking/dynamic-watermark "mention") section.

## Step 1 - upload your watermark in the Asset Hub <a href="#od_90635baf" id="od_90635baf"></a>

Log in to your DAM and navigate to *Settings / DMO -> Images / Watermark* and upload your default watermark using the uploader.

<figure><img src="https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2F36RfNkJUok9DZy4xwqf7%2Fimage.png?alt=media&#x26;token=9d73828d-9faf-4200-a012-1e884c3a9dc0" alt=""><figcaption></figcaption></figure>

## Step 2 - start watermarking!

### Available parameters

| Parameter                                               | Syntax                                                                                                            | Description                                                                    |       |                   |                                                   |
| ------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | ----- | ----------------- | ------------------------------------------------- |
| use watermark                                           | <mark style="color:purple;">**wat=1**</mark>                                                                      | **(required)** Activates the watermark function                                |       |                   |                                                   |
| watermark position                                      | <p><mark style="color:purple;"><strong>wat\_gravity=X</strong></mark><br><code>X=\[north                          | south]\[east                                                                   | west] | center</code></p> | Defines the position to "anchor" the watermark to |
| watermark scaling (relative to original watermark size) | <p><mark style="color:purple;"><strong>wat\_scale=X</strong></mark><br><code>X=0..100</code></p>                  | Watermark image scaling defined in in percent of the watermark dimensions      |       |                   |                                                   |
| watermark scaling (relative to output image size)       | <p><mark style="color:purple;"><strong>wat\_scale=Xp</strong></mark><br><code>X=0..100p</code></p>                | Watermark image scaling defined in in percent of the output image dimensions   |       |                   |                                                   |
| watermark padding                                       | <p><mark style="color:purple;"><strong>wat\_pad=X\[p]\[,Y\[p]]</strong></mark><br><code>X/Y=0..100\[p]</code></p> | Adds padding from the anchoring point in pixels (**X**) or in percent (**Xp**) |       |                   |                                                   |
| watermark opacity                                       | <p><mark style="color:purple;"><strong>wat\_opacity=X</strong></mark><br><code>X=0..1</code></p>                  | Defines watermark opacity                                                      |       |                   |                                                   |

#### Use watermark <a href="#od_cdeda1ea" id="od_cdeda1ea"></a>

To activate the watermark function, you need to include the **wat=1** parameter.

#### Watermark position <a href="#od_cdeda1ea" id="od_cdeda1ea"></a>

The **wat\_gravity** option sets the position of the watermark (available values are **east**, **northeast**, **north**, **northwest**, **west**, **southwest**, **south**, **southeast**, and **center**/**centre**) and the **wat\_pad** defines the offset of the watermark from the gravity position.

The padding can be defined in pixels (**wat\_pad=X\[,Y]**) or in percent of output size (**wat\_pad=Xp\[,Yp]**). The padding is applied after scaling the final image and then it is compressed (see Compression) and delivered via CDN.

#### Watermark size

The watermark can be scaled relative to the original watermark image (**wat\_scale=X\[,Y]**) or relative to the output image (**wat\_scale=Xp\[,Yp]**).

{% hint style="info" %}
To keep the watermark-to-image proportions for all image resizes, you should use the **wat\_scale=Xp\[,Yp]**.
{% endhint %}

### Examples

| Preview                                                                                                                                                                                                             | Syntax                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FZG4QsjOkk1BMCzqqz6uP%2Fimage.png?alt=media\&token=af5eaa5a-23c8-4c5b-9367-62dc08d88349) | [/docs/earth1.jpg?<mark style="color:orange;">**w=400**</mark>&<mark style="color:orange;">**h=240**</mark>&<mark style="color:purple;">**wat=1**</mark>&<mark style="color:purple;">**wat\_scale=30**</mark>&<mark style="color:purple;">**wat\_gravity=northwest**</mark>&<mark style="color:purple;">**wat\_pad=10,8**</mark>](https://fdocs.filerobot.com/docs/earth1.jpg?w=400\&h=240\&wat=1\&wat_scale=30\&wat_gravity=northwest\&wat_pad=10,8)                                                                                                                                      |
| ![](https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2F1qktkhrZfGpjzGOydL1I%2Fimage.png?alt=media\&token=42897607-5da0-4d93-bfdd-39dd495b92fe) | [/docs/boat.jpg?<mark style="color:orange;">**w=400**</mark>&<mark style="color:purple;">**wat=1**</mark>&<mark style="color:purple;">**wat\_scale=80**</mark>&<mark style="color:purple;">**wat\_gravity=center**</mark>&<mark style="color:purple;">**wat\_opacity=0.2**</mark>](https://fdocs.filerobot.com/docs/boat.jpg?w=400\&wat=1\&wat_scale=80\&wat_gravity=center\&wat_opacity=0.2)                                                                                                                                                                                              |
| ![](https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FW3yVaPWfLwZZzDVrnsLM%2Fimage.png?alt=media\&token=b823703c-1300-4b91-9a37-2c1fb7ab64f7) | [/docs/ny\_doc.jpg?<mark style="color:orange;">**w=400**</mark>&<mark style="color:purple;">**wat=1**</mark>&<mark style="color:purple;">**wat\_scale=45**</mark>&<mark style="color:purple;">**wat\_gravity=north**</mark>&<mark style="color:purple;">**wat\_pad=0p,5p**</mark>](https://fdocs.filerobot.com/docs/ny_doc.jpg?w=400\&wat=1\&wat_scale=45\&wat_gravity=north\&wat_pad=0p,5p)                                                                                                                                                                                               |
| ![](https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FZOxj9mSZkCacGlvNt1a0%2Fimage.png?alt=media\&token=de5abebc-60bd-41a3-859d-41fb8c4e13c6) | <p>Watermark scaled down to 45% of its original size (660px), results in 297px watermark:<br><a href="https://fdocs.filerobot.com/docs/tesla.jpg?w=1200&#x26;wat=1&#x26;wat_gravity=southwest&#x26;wat_scale=45&#x26;wat_pad=15">/docs/tesla.jpg?<mark style="color:orange;"><strong>w=1200</strong></mark>&<mark style="color:purple;"><strong>wat=1</strong></mark>&<mark style="color:purple;"><strong>wat\_gravity=southwest</strong></mark>&<mark style="color:purple;"><strong>wat\_scale=45</strong></mark>&<mark style="color:purple;"><strong>wat\_pad=15</strong></mark></a></p> |
| ![](https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FBkohFaQ0rwUYCBxLOD3X%2Fimage.png?alt=media\&token=41d1168f-adde-4d09-a354-0454c20db5f0) | <p>Watermark scaled relative to the output image dimensions (540px watermark):<br><a href="https://fdocs.filerobot.com/docs/tesla.jpg?w=1200&#x26;wat=1&#x26;wat_gravity=southwest&#x26;wat_scale=45p&#x26;wat_pad=15">/docs/tesla.jpg?<mark style="color:orange;"><strong>w=1200</strong></mark>&<mark style="color:purple;"><strong>wat=1</strong></mark>&<mark style="color:purple;"><strong>wat\_gravity=southwest</strong></mark>&<mark style="color:purple;"><strong>wat\_scale=45p</strong></mark>&<mark style="color:purple;"><strong>wat\_pad=15</strong></mark></a></p>          |
