Cloudinary Cookbook recipes about Improve

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.

Original

Improved

Improved, cropped

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

URL:

https://res.cloudinary.com/demo/image/upload/e_improve/gray_mountain.jpg

Ruby:

cl_image_tag("gray_mountain.jpg", :effect=>"improve")

PHP v1:

cl_image_tag("gray_mountain.jpg", array("effect"=>"improve"))

PHP v2:

(new ImageTag('gray_mountain.jpg'))
  ->adjust(Adjust::improve());

Python:

CloudinaryImage("gray_mountain.jpg").image(effect="improve")

Node.js:

cloudinary.image("gray_mountain.jpg", {effect: "improve"})

Java:

cloudinary.url().transformation(new Transformation().effect("improve")).imageTag("gray_mountain.jpg");

JS:

cloudinary.imageTag('gray_mountain.jpg', {effect: "improve"}).toHtml();

jQuery:

$.cloudinary.image("gray_mountain.jpg", {effect: "improve"})

React:

<Image publicId="gray_mountain.jpg" >
  <Transformation effect="improve" />
</Image>

Vue.js:

<cld-image publicId="gray_mountain.jpg" >
  <cld-transformation effect="improve" />
</cld-image>

Angular:

<cl-image public-id="gray_mountain.jpg" >
  <cl-transformation effect="improve">
  </cl-transformation>
</cl-image>

.NET:

cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect("improve")).BuildImageTag("gray_mountain.jpg")

Android:

MediaManager.get().url().transformation(new Transformation().effect("improve")).generate("gray_mountain.jpg");

iOS:

imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect("improve")).generate("gray_mountain.jpg")!, cloudinary: cloudinary)

by Itay Taragano Jun 24, 2014

Tags: