Change image opacity

Change the image's opacity level by setting the opacity parameter (o in URLs) to a value between 0 to 100 which represents the visibility percentage. Control the opacity level of either the main image or overlaid images.

Original

Original

50% opacity

50% opacity

Flashlight effect

Flashlight effect
Ruby:
cl_image_tag("sheep.jpg", :opacity=>50)
PHP:
cl_image_tag("sheep.jpg", array("opacity"=>50))
Python:
CloudinaryImage("sheep.jpg").image(opacity=50)
Node.js:
cloudinary.image("sheep.jpg", {opacity: 50})
Java:
cloudinary.url().transformation(new Transformation().opacity(50)).imageTag("sheep.jpg")
JS:
cl.imageTag('sheep.jpg', {opacity: 50}).toHtml();
jQuery:
$.cloudinary.image("sheep.jpg", {opacity: 50})
React:
<Image publicId="sheep.jpg" opacity="50">
        <Transformation opacity=50 />
</Image>
Angular:
<cl-image public-id="sheep.jpg" opacity="50">
        <cl-transformation opacity=50 />
</cl-image>
.Net:
cloudinary.Api.UrlImgUp.Transform(new Transformation().Opacity(50)).BuildImageTag("sheep.jpg")
by Itay Taragano