Cloudinary Cookbook recipes about Fill-light

Increase fill light of photos

Fill your images with a lighting effect. This is very handy when dealing with darker images. How? Set the effect parameter to fill_light (e_fill_light in URLs). You can control the fill light level, the range is between -100 and 100. The default value is 0.

Original

Default level

Custom level

URL Ruby PHP Python Node.js Java JS jQuery React Vue.js Angular .Net Android iOS All

URL:

https://res.cloudinary.com/demo/image/upload/e_fill_light/8jsb1xofxdqamu2rzwt9q.jpg

Ruby:

cl_image_tag("8jsb1xofxdqamu2rzwt9q.jpg", :effect=>"fill_light")

PHP:

cl_image_tag("8jsb1xofxdqamu2rzwt9q.jpg", array("effect"=>"fill_light"))

Python:

CloudinaryImage("8jsb1xofxdqamu2rzwt9q.jpg").image(effect="fill_light")

Node.js:

cloudinary.image("8jsb1xofxdqamu2rzwt9q.jpg", {effect: "fill_light"})

Java:

cloudinary.url().transformation(new Transformation().effect("fill_light")).imageTag("8jsb1xofxdqamu2rzwt9q.jpg");

JS:

cloudinary.imageTag('8jsb1xofxdqamu2rzwt9q.jpg', {effect: "fill_light"}).toHtml();

jQuery:

$.cloudinary.image("8jsb1xofxdqamu2rzwt9q.jpg", {effect: "fill_light"})

React:

<Image publicId="8jsb1xofxdqamu2rzwt9q.jpg" >
  <Transformation effect="fill_light" />
</Image>

Vue.js:

<cld-image publicId="8jsb1xofxdqamu2rzwt9q.jpg" >
  <cld-transformation effect="fill_light" />
</cld-image>

Angular:

<cl-image public-id="8jsb1xofxdqamu2rzwt9q.jpg" >
  <cl-transformation effect="fill_light">
  </cl-transformation>
</cl-image>

.Net:

cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect("fill_light")).BuildImageTag("8jsb1xofxdqamu2rzwt9q.jpg")

Android:

MediaManager.get().url().transformation(new Transformation().effect("fill_light")).generate("8jsb1xofxdqamu2rzwt9q.jpg");

iOS:

imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect("fill_light")).generate("8jsb1xofxdqamu2rzwt9q.jpg")!, cloudinary: cloudinary)

by Itay Taragano Aug 05, 2014

Tags: