icon Image Watermark
Created by Christoph Keller

Configuring a watermark

A watermark can be some text or an image that will be placed over images from a specific media folder. If you choose to use text, you can also control its font size. The watermark can be placed in one or more corners of an image.

To configure a watermark for images in a media folder:

  1. From the Media perspective, select Image Watermark Configuration.
  2. Click Add New Watermark Configuration.
  3. Fill out the fields where needed:
    • Name: The display name of your configuration.
    • FontSize: (required) The font size of the watermark text (will be only used if you define the 'WatermarkText' property).
    • Show the watermark in the top left corner (ShowOnTopLeft): Defines if the watermark is displayed in the top left corner (multiple selection of the position possible).
    • Show the watermark in the top right corner(ShowOnTopRight): Defines if the watermark is displayed in the top right corner (multiple selection of the position possible).
    • Show the watermark in the bottom right corner(ShowOnBottomRight): Defines if the watermark is displayed in the bottom right corner (multiple selection of the position possible).
    • Show the watermark in the bottom left corner(ShowOnBottomLeft): Defines if the watermark is displayed in the bottom left corner (multiple selection of the position possible).
    • Watermark Text: The text to display as a watermark.
    • Watermark Image(WatermarkImageFilePath): The image to display as a watermark.
    • Target Media Folder(TargetMediaFolderPath): The media folder with images where the watermark should be applied to. If not selected, no watermarks are added.
    • Enable Ignore-Watermark-QueryString: If set, every image will accept a query-string parameter 'wm=false'. If this query-string is set, the watermark is not rendered on this image.
  4. Click Save to save the watermark configuration.

Troubleshooting

No watermark shown

If no watermark is shown over images, please check the following:

  • Did you create a watermark configuration?
  • Did you add either a WatermarkText or select a WatermarkImageFilePath?
  • Did you select a TargetMediaFolderPath?
  • Did you specify a large enough FontSize (depending on the image size, try a value around 50 to start with).
  • Did you clear your browser cache?

The applied text or image varying from image to image

This is possible, as the watermark is added to the final resolution of the image. If the image is resized by HTML (by defining its width or height by CSS or image attributes), this cannot be reflected in the watermark creation.