Adding Watermarks to your images

The watermarks feature is available in your Optimole's library, and it consists of a custom identifier that can be applied to the images on your website(the ones processed by Optimole).

📝 Note: For more details on how Optimole works, we recommend checking the main documentation.

This guide covers creating watermarks and configuring how they will be applied to the images.

® Creating Watermarks

From your Optimole's library, please navigate to the Watermarks page and the Image tab.

Creating a new watermark is very simple:

1

Click on the Add Watermark button.

2

Pick a name for the new watermark.

3

Upload the desired image.

4

Create it by clicking the Add button.

The watermarks, once created, need rules to be applied to some images.

📌 Setting Rules

Once the desired watermarks are created, conditions must be set for applying them. This can be achieved in the Rules tab.

For creating a condition, click on the Add Rule button, then choose a condition type. The available options are:

• Site - it can be a URL.
• Width - it's based on the width of the images where will be applied.
• Height - it's based on the height of the images where will be applied.
• Extension - the watermark will be applied to all images with the extension selected in the current rule.
• Contains - it can be a string; the watermark will be applied to all images containing this string in their name.

📝 Note: After choosing the filtering type, multiple conditions can be added. It's possible to choose the logical operator to be added between the conditions; it can be OR or AND.

To finish the setup and apply the watermark, click on the Next button.

In the last step, you can adjust the various settings such as Opacity, Scaling, and position of the logo.

📝 Note: Please keep in mind each time after creating or editing a watermark, clearing the cache it's required. This can be done from the WordPress plugin, check the screenshot below.

⚙️ Managing Watermarks

It's possible to add new watermarks, edit, and remove them.

Editing a watermark

Editing a rule

📝 Note: After editing a watermark, don't forget to clear the cache - click to see image.

Removing a watermark

Adding a watermark directly on the image

The above chapters cover creating watermarks and setting rules for applying them on multiple images. It's also possible to add a watermark directly on the image, and this one will take a higher priority than the watermarks applied via rules.

1

This can be achieved in Optimole's library, where all the images processed by Optimole and associated with your API key appear. 

2

To set a watermark, just click on the image within the library, and click on the Watermark tab.

🎥 Video - How to Add Watermarks to Your Images in Optimole