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:
cl_image_tag("front_face.jpg")
PHP:
cl_image_tag("front_face.jpg")
Python:
CloudinaryImage("front_face.jpg").image()
Node.js:
cloudinary.image("front_face.jpg")
Java:
cloudinary.url().imageTag("front_face.jpg");
JS:
cloudinary.imageTag('front_face.jpg').toHtml();
jQuery:
$.cloudinary.image("front_face.jpg")
React:
<Image publicId="front_face.jpg" >
</Image>
Vue.js:
<cld-image publicId="front_face.jpg" >
</cld-image>
Angular:
<cl-image public-id="front_face.jpg" >
</cl-image>
.Net:
cloudinary.Api.UrlImgUp.BuildImageTag("front_face.jpg")
Android:
MediaManager.get().url().generate("front_face.jpg");
iOS:
imageView.cldSetImage(cloudinary.createUrl().generate("front_face.jpg")!, cloudinary: cloudinary)
While it looks quite good, here it is with a bit of sharpness applied to it:
Ruby:
cl_image_tag("front_face.jpg", :effect=>"sharpen")
PHP:
cl_image_tag("front_face.jpg", array("effect"=>"sharpen"))
Python:
CloudinaryImage("front_face.jpg").image(effect="sharpen")
Node.js:
cloudinary.image("front_face.jpg", {effect: "sharpen"})
Java:
cloudinary.url().transformation(new Transformation().effect("sharpen")).imageTag("front_face.jpg");
JS:
cloudinary.imageTag('front_face.jpg', {effect: "sharpen"}).toHtml();
jQuery:
$.cloudinary.image("front_face.jpg", {effect: "sharpen"})
React:
<Image publicId="front_face.jpg" >
<Transformation effect="sharpen" />
</Image>
Vue.js:
<cld-image publicId="front_face.jpg" >
<cld-transformation effect="sharpen" />
</cld-image>
Angular:
<cl-image public-id="front_face.jpg" >
<cl-transformation effect="sharpen">
</cl-transformation>
</cl-image>
.Net:
cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect("sharpen")).BuildImageTag("front_face.jpg")
Android:
MediaManager.get().url().transformation(new Transformation().effect("sharpen")).generate("front_face.jpg");
iOS:
imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect("sharpen")).generate("front_face.jpg")!, cloudinary: cloudinary)
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:
cl_image_tag("front_face.jpg", :effect=>"sharpen:1000")
PHP:
cl_image_tag("front_face.jpg", array("effect"=>"sharpen:1000"))
Python:
CloudinaryImage("front_face.jpg").image(effect="sharpen:1000")
Node.js:
cloudinary.image("front_face.jpg", {effect: "sharpen:1000"})
Java:
cloudinary.url().transformation(new Transformation().effect("sharpen:1000")).imageTag("front_face.jpg");
JS:
cloudinary.imageTag('front_face.jpg', {effect: "sharpen:1000"}).toHtml();
jQuery:
$.cloudinary.image("front_face.jpg", {effect: "sharpen:1000"})
React:
<Image publicId="front_face.jpg" >
<Transformation effect="sharpen:1000" />
</Image>
Vue.js:
<cld-image publicId="front_face.jpg" >
<cld-transformation effect="sharpen:1000" />
</cld-image>
Angular:
<cl-image public-id="front_face.jpg" >
<cl-transformation effect="sharpen:1000">
</cl-transformation>
</cl-image>
.Net:
cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect("sharpen:1000")).BuildImageTag("front_face.jpg")
Android:
MediaManager.get().url().transformation(new Transformation().effect("sharpen:1000")).generate("front_face.jpg");
iOS:
imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect("sharpen:1000")).generate("front_face.jpg")!, cloudinary: cloudinary)
