Automatically improve photos

Automatically improve the visual quality of your images using Cloudinary. Image improving is done by setting the effect parameter to improve (e_improve in URLs). All images and thumbnails of your website would seamlessly look much clearer and vivid.

With Cloudinary's image improvement filters and effects you can embed better looking images in your websites and mobile apps with ease. You can even mix and match multiple improvement filters together to create cool, "artistic" results. Tell Cloudinary to retouch images with a fully automated image improvement filter for adjusting image colors, contrast and lightness.

Here's an example of an original image that doesn't look optimal:

Ruby:
Copy to clipboard
cl_image_tag("gray_mountain.jpg")
PHP:
Copy to clipboard
cl_image_tag("gray_mountain.jpg")
Python:
Copy to clipboard
CloudinaryImage("gray_mountain.jpg").image()
Node.js:
Copy to clipboard
cloudinary.image("gray_mountain.jpg")
Java:
Copy to clipboard
cloudinary.url().imageTag("gray_mountain.jpg");
JS:
Copy to clipboard
cloudinary.imageTag('gray_mountain.jpg').toHtml();
jQuery:
Copy to clipboard
$.cloudinary.image("gray_mountain.jpg")
React:
Copy to clipboard
<Image publicId="gray_mountain.jpg" >

</Image>
Vue.js:
Copy to clipboard
<cld-image publicId="gray_mountain.jpg" >

</cld-image>
Angular:
Copy to clipboard
<cl-image public-id="gray_mountain.jpg" >

</cl-image>
.Net:
Copy to clipboard
cloudinary.Api.UrlImgUp.BuildImageTag("gray_mountain.jpg")
Android:
Copy to clipboard
MediaManager.get().url().generate("gray_mountain.jpg");
iOS:
Copy to clipboard
imageView.cldSetImage(cloudinary.createUrl().generate("gray_mountain.jpg")!, cloudinary: cloudinary)
Original

Applying Cloudinary's cloud-based 'improve' effect makes it look much better:

Ruby:
Copy to clipboard
cl_image_tag("gray_mountain.jpg", :effect=>"improve")
PHP:
Copy to clipboard
cl_image_tag("gray_mountain.jpg", array("effect"=>"improve"))
Python:
Copy to clipboard
CloudinaryImage("gray_mountain.jpg").image(effect="improve")
Node.js:
Copy to clipboard
cloudinary.image("gray_mountain.jpg", {effect: "improve"})
Java:
Copy to clipboard
cloudinary.url().transformation(new Transformation().effect("improve")).imageTag("gray_mountain.jpg");
JS:
Copy to clipboard
cloudinary.imageTag('gray_mountain.jpg', {effect: "improve"}).toHtml();
jQuery:
Copy to clipboard
$.cloudinary.image("gray_mountain.jpg", {effect: "improve"})
React:
Copy to clipboard
<Image publicId="gray_mountain.jpg" >
  <Transformation effect="improve" />
</Image>
Vue.js:
Copy to clipboard
<cld-image publicId="gray_mountain.jpg" >
  <cld-transformation effect="improve" />
</cld-image>
Angular:
Copy to clipboard
<cl-image public-id="gray_mountain.jpg" >
  <cl-transformation effect="improve">
  </cl-transformation>
</cl-image>
.Net:
Copy to clipboard
cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect("improve")).BuildImageTag("gray_mountain.jpg")
Android:
Copy to clipboard
MediaManager.get().url().transformation(new Transformation().effect("improve")).generate("gray_mountain.jpg");
iOS:
Copy to clipboard
imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect("improve")).generate("gray_mountain.jpg")!, cloudinary: cloudinary)
Improved

Any further cloud-based image manipulations can be applied as well as chained transformations:

Ruby:
Copy to clipboard
cl_image_tag("gray_mountain.jpg", :transformation=>[
  {:effect=>"improve"},
  {:width=>300, :height=>200, :radius=>"max", :crop=>"scale"},
  {:effect=>"shadow"}
  ])
PHP:
Copy to clipboard
cl_image_tag("gray_mountain.jpg", array("transformation"=>array(
  array("effect"=>"improve"),
  array("width"=>300, "height"=>200, "radius"=>"max", "crop"=>"scale"),
  array("effect"=>"shadow")
  )))
Python:
Copy to clipboard
CloudinaryImage("gray_mountain.jpg").image(transformation=[
  {'effect': "improve"},
  {'width': 300, 'height': 200, 'radius': "max", 'crop': "scale"},
  {'effect': "shadow"}
  ])
Node.js:
Copy to clipboard
cloudinary.image("gray_mountain.jpg", {transformation: [
  {effect: "improve"},
  {width: 300, height: 200, radius: "max", crop: "scale"},
  {effect: "shadow"}
  ]})
Java:
Copy to clipboard
cloudinary.url().transformation(new Transformation()
  .effect("improve").chain()
  .width(300).height(200).radius("max").crop("scale").chain()
  .effect("shadow")).imageTag("gray_mountain.jpg");
JS:
Copy to clipboard
cloudinary.imageTag('gray_mountain.jpg', {transformation: [
  {effect: "improve"},
  {width: 300, height: 200, radius: "max", crop: "scale"},
  {effect: "shadow"}
  ]}).toHtml();
jQuery:
Copy to clipboard
$.cloudinary.image("gray_mountain.jpg", {transformation: [
  {effect: "improve"},
  {width: 300, height: 200, radius: "max", crop: "scale"},
  {effect: "shadow"}
  ]})
React:
Copy to clipboard
<Image publicId="gray_mountain.jpg" >
  <Transformation effect="improve" />
  <Transformation width="300" height="200" radius="max" crop="scale" />
  <Transformation effect="shadow" />
</Image>
Vue.js:
Copy to clipboard
<cld-image publicId="gray_mountain.jpg" >
  <cld-transformation effect="improve" />
  <cld-transformation width="300" height="200" radius="max" crop="scale" />
  <cld-transformation effect="shadow" />
</cld-image>
Angular:
Copy to clipboard
<cl-image public-id="gray_mountain.jpg" >
  <cl-transformation effect="improve">
  </cl-transformation>
  <cl-transformation width="300" height="200" radius="max" crop="scale">
  </cl-transformation>
  <cl-transformation effect="shadow">
  </cl-transformation>
</cl-image>
.Net:
Copy to clipboard
cloudinary.Api.UrlImgUp.Transform(new Transformation()
  .Effect("improve").Chain()
  .Width(300).Height(200).Radius("max").Crop("scale").Chain()
  .Effect("shadow")).BuildImageTag("gray_mountain.jpg")
Android:
Copy to clipboard
MediaManager.get().url().transformation(new Transformation()
  .effect("improve").chain()
  .width(300).height(200).radius("max").crop("scale").chain()
  .effect("shadow")).generate("gray_mountain.jpg");
iOS:
Copy to clipboard
imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()
  .setEffect("improve").chain()
  .setWidth(300).setHeight(200).setRadius("max").setCrop("scale").chain()
  .setEffect("shadow")).generate("gray_mountain.jpg")!, cloudinary: cloudinary)
Improved, cropped

by Itay Taragano