Adding watermarks as an overlay
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.
Overlaying
Scale and position
Semi-transparent
Ruby:
cl_image_tag("envelope.jpg", :overlay=>"cloudinary_icon")
PHP:
cl_image_tag("envelope.jpg", array("overlay"=>"cloudinary_icon"))
Python:
CloudinaryImage("envelope.jpg").image(overlay="cloudinary_icon")
Node.js:
cloudinary.image("envelope.jpg", {overlay: "cloudinary_icon"})
Java:
cloudinary.url().transformation(new Transformation().overlay("cloudinary_icon")).imageTag("envelope.jpg")
JS:
cl.imageTag('envelope.jpg', {overlay: "cloudinary_icon"}).toHtml();
jQuery:
$.cloudinary.image("envelope.jpg", {overlay: "cloudinary_icon"})
React:
<Image publicId="envelope.jpg" > <Transformation overlay="cloudinary_icon" /> </Image>
Angular:
<cl-image public-id="envelope.jpg" > <cl-transformation overlay="cloudinary_icon"> </cl-transformation> </cl-image>
.Net:
cloudinary.Api.UrlImgUp.Transform(new Transformation().Overlay("cloudinary_icon")).BuildImageTag("envelope.jpg")
Android:
MediaManager.get().url().transformation(new Transformation().overlay("cloudinary_icon")).generate("envelope.jpg")