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.

Here's an original image. Notice that the image is a little dark

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/8jsb1xofxdqamu2rzwt9q.jpg

Ruby:

cl_image_tag("8jsb1xofxdqamu2rzwt9q.jpg")

PHP:

cl_image_tag("8jsb1xofxdqamu2rzwt9q.jpg")

Python:

CloudinaryImage("8jsb1xofxdqamu2rzwt9q.jpg").image()

Node.js:

cloudinary.image("8jsb1xofxdqamu2rzwt9q.jpg")

Java:

cloudinary.url().imageTag("8jsb1xofxdqamu2rzwt9q.jpg");

JS:

cloudinary.imageTag('8jsb1xofxdqamu2rzwt9q.jpg').toHtml();

jQuery:

$.cloudinary.image("8jsb1xofxdqamu2rzwt9q.jpg")

React:

<Image publicId="8jsb1xofxdqamu2rzwt9q.jpg" >

</Image>

Vue.js:

<cld-image publicId="8jsb1xofxdqamu2rzwt9q.jpg" >

</cld-image>

Angular:

<cl-image public-id="8jsb1xofxdqamu2rzwt9q.jpg" >

</cl-image>

.Net:

cloudinary.Api.UrlImgUp.BuildImageTag("8jsb1xofxdqamu2rzwt9q.jpg")

Android:

MediaManager.get().url().generate("8jsb1xofxdqamu2rzwt9q.jpg");

iOS:

imageView.cldSetImage(cloudinary.createUrl().generate("8jsb1xofxdqamu2rzwt9q.jpg")!, cloudinary: cloudinary)

Set the effect parameter to fill_light (e_fill_light in URLs) to add some lighting to the image:

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)

While the default level of the 'Fill light' effect is 0, you can customize the level. For example, by setting the effect parameter to fill_light:80 (e_fill_light:80 in URLs) :

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:80/8jsb1xofxdqamu2rzwt9q.jpg

Ruby:

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

PHP:

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

Python:

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

Node.js:

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

Java:

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

JS:

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

jQuery:

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

React:

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

Vue.js:

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

Angular:

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

.Net:

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

Android:

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

iOS:

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