Sharpen an image

Use Cloudinary to sharpen your images easily and dynamically. Image sharpening can be applied by setting the effect parameter to sharpen (e_sharpen in URLs). A custom sharpen level can be set in order to get the exact effect you need.

Cloudinary includes various image manipulation tools, which offer automatic tweaks and retouches for your images. They become quite handy as they can really improve your website with a great graphics design. One of these tools is the 'Sharpen' effect.

Here's an original image for example:

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

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

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

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

While it looks quite good, here it is with a bit of sharpness applied to it:

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

You can control the strength of the sharpen effect to match your graphic design. The sharpen value range is 1-2000, while the default level is 100. Here's an example of a more intense sharpening of the same image by setting the sharpen level to 1000:

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

by Itay Taragano