Add your watermark as an overlay on top of any image by setting the overlay
parameter (l
in URLs) as your watermark image's public ID. The overlaid image's size and position is customizable.
Watermarks can be easily added to your images. Watermarks can be used for either overlaying another image, adding your logo, a custom user badge, etc. Cloudinary allows adding your watermark by using the overlay
parameter (l
in URLs).
Here's an original image:
And here's how to add a logo on top of the 'pasta' image:
In default, the overlay image is placed in the center of the base image, however the size and the positioning of the overlaid image can be specified. Here's the same logo, scaled-down, placed in a custom offset from the center the image, while rotating 12 degrees clockwise:
Cloudinary supports applying semi-transparent overlays as well. This is done by setting the opacity
parameter to the percentage of the overlay's visibility.
In addition, you can use the colorize
effect to color your images. It uses the color specified by the color
transformation parameter (co
in URLs) that accepts a color name or an RGB value.
Here's an example of a watermark coloring and setting its opacity to 60%:
Any further transformations can be further applied for both the base image and the overlaid image.
More information and examples of watermarks embedding and manipulation by Cloudinary can be found in the following blog posts:
Image opacity manipulation and dynamic watermark generation
Adding watermarks, credits, badges and text overlays to images