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

cl_image_tag("gray_mountain.jpg", array("effect"=>"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: