After July 2021, the 2.3.x release line will no longer receive quality updates, or user guide updates. PHP 7.3 reaches end of support in December 2021 and Adobe Commerce 2.3.x reaches end of support in September 2022. We strongly recommend planning your upgrade now to Adobe Commerce 2.4.x to help maintain PCI compliance.

Watermarks

The information on this page is intended for Adobe Commerce 2.3 customers who are on an extended support contract. The Adobe Commerce Merchant Documentation for current releases is published on the Adobe Experience League.

If you go to the expense of creating your own original product images, there is not much you can do to prevent unscrupulous competitors from stealing them with the click of a mouse. However, you can make them a less attractive target by placing a watermark on each image to identify them as your property. A watermark file can be either a JPG (JPEG), GIF, or PNG image. Both GIF and PNG file types support transparent layers, which can be used to give the watermark a transparent background.

The watermark used for the small image in the following example is a black logo with a transparent background and saved as a PNG file with the following settings:

  • Size: 50x50
  • Opacity: 5
  • Position: Tile

Tiled Watermark

Add watermarks to product images

  1. On the Admin sidebar, go to Content > Design > Configuration.

  2. Find the store view that you want to configure and click Edit in the Action column.

  3. Under Other Settings, expand the Product Image Watermarks section.

  4. Complete the Base, Thumbnail, Small, and Swatch Image image settings as follows.

    The fields in each section are the same.

    • Enter the Image Opacity as a percentage. For example: 40

    • Enter the Image Size in pixels. For example: 200 x 200

    • Click Upload and choose the image file that you want to use.

    • Set Image Position to determine where the watermark appears.

    Product Image Watermarks - Base

  5. When complete, click Save Config.

  6. When prompted to refresh the cache, click Cache Management in the system message and refresh the invalid cache.

    Refresh Cache

You can click Use Default Value () to restore the default value.

Delete a watermark

  1. In the lower-left corner of the image, click the Delete ) icon.

    Delete Watermark

  2. Click Save Config.

  3. When prompted to refresh the cache, click Cache Management in the system message and refresh the invalid cache.

    If the watermark image persists in the storefront, return to Cache Management and click Flush Magento Cache.