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 v1:
cl_image_tag("front_face.jpg")
PHP v2:
(new ImageTag('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 v1:
cl_image_tag("front_face.jpg", array("effect"=>"sharpen"))
PHP v2:
(new ImageTag('front_face.jpg'))
->adjust(Adjust::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 v1:
cl_image_tag("front_face.jpg", array("effect"=>"sharpen:1000"))
PHP v2:
(new ImageTag('front_face.jpg'))
->adjust(Adjust::sharpen()->strength(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)