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
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>
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:
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>
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) :
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>
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)
