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 v1:
cl_image_tag("8jsb1xofxdqamu2rzwt9q.jpg")
PHP v2:
(new ImageTag('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:
Ruby:
cl_image_tag("8jsb1xofxdqamu2rzwt9q.jpg", :effect=>"fill_light")
PHP v1:
cl_image_tag("8jsb1xofxdqamu2rzwt9q.jpg", array("effect"=>"fill_light"))
PHP v2:
(new ImageTag('8jsb1xofxdqamu2rzwt9q.jpg'))
->adjust(Adjust::fillLight());
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) :
Ruby:
cl_image_tag("8jsb1xofxdqamu2rzwt9q.jpg", :effect=>"fill_light:80")
PHP v1:
cl_image_tag("8jsb1xofxdqamu2rzwt9q.jpg", array("effect"=>"fill_light:80"))
PHP v2:
(new ImageTag('8jsb1xofxdqamu2rzwt9q.jpg'))
->adjust(Adjust::fillLight()->blend(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)