{"id":21299,"date":"2015-07-29T13:35:36","date_gmt":"2015-07-29T13:35:36","guid":{"rendered":"http:\/\/automatic_visual_image_enhancement_for_your_web_application"},"modified":"2024-08-15T13:21:21","modified_gmt":"2024-08-15T20:21:21","slug":"automatic_visual_image_enhancement_for_your_web_application","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application","title":{"rendered":"Automatic visual image enhancement for your web application using Cloudinary"},"content":{"rendered":"<div class=\"wp-block-cloudinary-markdown \"><p>Various factors can have an effect on the visual quality of photos captured by a wide variety of digital cameras. Technical limitations of cameras, coupled with changing conditions in which users take photos, results in a wide range of visual quality. Camera-related limitations arise from a combination of poor optics, noisy sensors, and the modest capabilities of mobile camera phones that are used to take photos in conditions that range from bright daylight to indoor scenes with incandescent light or even dark night scenes.<\/p>\n<p>If you have lots of spare time, one option is to spend hours trying to enhance your images by adjusting brightness and color, restoring sharpness, removing noise, correcting for overexposure or underexposure, etc. Furthermore, the results achieved will not only depend on your training and experience with the photo editing software, but also on the quality, condition and calibration of the monitor used. Manual fine-tuning is also time consuming, and as the amount of image content is constantly growing, there is an obvious need for automatic image enhancement<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_100,dpr_2.0\/viesus_logo.png\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_100,dpr_2.0\/viesus_logo.png\" alt=\"VIESUS logo\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"100\" height=\"116\"\/><\/a><\/p>\n<p><a href=\"http:\/\/www.viesus.com\/\">VIESUS\u2122<\/a> is a software application developed by Imaging Solutions AG that <strong>takes everyday digital camera images and enhances them to look more visually attractive<\/strong>. VIESUS first analyses the image data then automatically applies any processing steps as needed: fixing dull colors and bad color balance, removing digital noise, adjusting poor sharpness \/ blurriness, correcting for overexposure or underexposure, and more.<\/p>\n<p>Cloudinary provides an add-on for using VIESUS\u2019s image enhancement capabilities, fully integrated into Cloudinary\u2019s image management and transformation pipeline. With VIESUS\u2019s image enhancement add-on, you can extend Cloudinary\u2019s powerful image transformation and optimization capabilities by automatically enhancing images to their best visual quality.<\/p>\n<h2>Automatically enhancing images<\/h2>\n<p>Cloudinary already supports on-the-fly transformation using URLs for resizing, cropping, applying effects, etc. Now you can also use VIESUS as an effect by setting the <code>effect<\/code> transformation parameter to <code>viesus_correct<\/code> (or <code>e_viesus_correct<\/code> for URLs) which tells Cloudinary to dynamically enhance the image to the best visual quality using the VIESUS add-on.<\/p>\n<p>Take a look at the following photo of the Golden Gate Bridge in San Francisco that was uploaded to Cloudinary\u2019s demo account as <code>golden_gate_side.jpg<\/code>. The original photo on the left has darkened colors, low contrast and poor sharpness, and looks like it was taken on an overcast day. In the VIESUS enhanced photo on the right, the brightness and contrast is increased and the colors appear sharper and more vivid, while the photo now looks like it was taken on a bright sunny day.<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_scale,w_350\/golden_gate_side.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_scale,w_350\/golden_gate_side.jpg\" alt=\"Original image\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"350\" height=\"525\"\/><\/a>\n<a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/s--u6CGDuIh--\/c_scale,e_viesus_correct,w_350\/golden_gate_side.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/s--u6CGDuIh--\/c_scale,e_viesus_correct,w_350\/golden_gate_side.jpg\" alt=\"Auto corrected image\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"350\" height=\"525\"\/><\/a><\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;golden_gate_side.jpg\\&quot;, {effect: \\&quot;viesus_correct\\&quot;, width: 350, crop: \\&quot;scale\\&quot;, sign_url: true})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;golden_gate_side.jpg\\&quot;, {effect: \\&quot;viesus_correct\\&quot;, width: 350, crop: \\&quot;scale\\&quot;, sign_url: true})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(scale().width(350))\\n  .adjust(viesusCorrect())\\n  .setSignature(\\&quot;u6CGDuIh\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(scale().width(350))\\n  .adjust(viesusCorrect())\\n  .setSignature(\\&quot;u6CGDuIh\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;golden_gate_side.jpg\\&quot; signUrl=\\&quot;true\\&quot;&gt; &lt;Transformation effect=\\&quot;viesus_correct\\&quot; width=\\&quot;350\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;golden_gate_side.jpg\\&quot; signUrl=\\&quot;true\\&quot;&gt;\\n\\t&lt;Transformation effect=\\&quot;viesus_correct\\&quot; width=\\&quot;350\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(scale().width(350))\\n  .adjust(viesusCorrect())\\n  .setSignature(\\&quot;u6CGDuIh\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(scale().width(350))\\n  .adjust(viesusCorrect())\\n  .setSignature(\\&quot;u6CGDuIh\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;golden_gate_side.jpg\\&quot; sign-url=\\&quot;true\\&quot;&gt; &lt;cld-transformation effect=\\&quot;viesus_correct\\&quot; width=\\&quot;350\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;golden_gate_side.jpg\\&quot; sign-url=\\&quot;true\\&quot;&gt;\\n\\t&lt;cld-transformation effect=\\&quot;viesus_correct\\&quot; width=\\&quot;350\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(scale().width(350))\\n  .adjust(viesusCorrect())\\n  .setSignature(\\&quot;u6CGDuIh\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(scale().width(350))\\n  .adjust(viesusCorrect())\\n  .setSignature(\\&quot;u6CGDuIh\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;golden_gate_side.jpg\\&quot; sign-url=\\&quot;true\\&quot;&gt; &lt;cl-transformation effect=\\&quot;viesus_correct\\&quot; width=\\&quot;350\\&quot; crop=\\&quot;scale\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;golden_gate_side.jpg\\&quot; sign-url=\\&quot;true\\&quot;&gt;\\n\\t&lt;cl-transformation effect=\\&quot;viesus_correct\\&quot; width=\\&quot;350\\&quot; crop=\\&quot;scale\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(scale().width(350))\\n  .adjust(viesusCorrect())\\n  .setSignature(\\&quot;u6CGDuIh\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(scale().width(350))\\n  .adjust(viesusCorrect())\\n  .setSignature(\\&quot;u6CGDuIh\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;golden_gate_side.jpg&#039;, {effect: \\&quot;viesus_correct\\&quot;, width: 350, crop: \\&quot;scale\\&quot;, signUrl: true}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;golden_gate_side.jpg&#039;, {effect: \\&quot;viesus_correct\\&quot;, width: 350, crop: \\&quot;scale\\&quot;, signUrl: true}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;).image(effect=\\&quot;viesus_correct\\&quot;, width=350, crop=\\&quot;scale\\&quot;, sign_url=True)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;).image(effect=\\&quot;viesus_correct\\&quot;, width=350, crop=\\&quot;scale\\&quot;, sign_url=True)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;golden_gate_side.jpg&#039;))\\n\\t-&gt;resize(Resize::scale()-&gt;width(350))\\n\\t-&gt;adjust(Adjust::viesusCorrect())\\n\\t-&gt;sign();&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;golden_gate_side.jpg&#039;))\\n\\t-&gt;resize(Resize::scale()-&gt;width(350))\\n\\t-&gt;adjust(Adjust::viesusCorrect())\\n\\t-&gt;sign();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;golden_gate_side.jpg\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;viesus_correct\\&quot;, \\&quot;width\\&quot;=&gt;350, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;, \\&quot;sign_url\\&quot;=&gt;true))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;golden_gate_side.jpg\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;viesus_correct\\&quot;, \\&quot;width\\&quot;=&gt;350, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;, \\&quot;sign_url\\&quot;=&gt;true))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().effect(\\&quot;viesus_correct\\&quot;).width(350).crop(\\&quot;scale\\&quot;)).signed(true).imageTag(\\&quot;golden_gate_side.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().effect(\\&quot;viesus_correct\\&quot;).width(350).crop(\\&quot;scale\\&quot;)).signed(true).imageTag(\\&quot;golden_gate_side.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;golden_gate_side.jpg\\&quot;, effect: \\&quot;viesus_correct\\&quot;, width: 350, crop: \\&quot;scale\\&quot;, sign_url: true)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;golden_gate_side.jpg\\&quot;, effect: \\&quot;viesus_correct\\&quot;, width: 350, crop: \\&quot;scale\\&quot;, sign_url: true)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect(\\&quot;viesus_correct\\&quot;).Width(350).Crop(\\&quot;scale\\&quot;)).Signed(true).BuildImageTag(\\&quot;golden_gate_side.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect(\\&quot;viesus_correct\\&quot;).Width(350).Crop(\\&quot;scale\\&quot;)).Signed(true).BuildImageTag(\\&quot;golden_gate_side.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;golden_gate_side.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.scale().width(350))\\n\\t.adjust(Adjust.viesusCorrect())\\n\\t.setSignature(\\&quot;u6CGDuIh\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;golden_gate_side.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.scale().width(350))\\n\\t.adjust(Adjust.viesusCorrect())\\n\\t.setSignature(\\&quot;u6CGDuIh\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect(\\&quot;viesus_correct\\&quot;).setWidth(350).setCrop(\\&quot;scale\\&quot;)).generate(\\&quot;golden_gate_side.jpg\\&quot;, signUrl: true)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect(\\&quot;viesus_correct\\&quot;).setWidth(350).setCrop(\\&quot;scale\\&quot;)).generate(\\&quot;golden_gate_side.jpg\\&quot;, signUrl: true)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().effect(\\&quot;viesus_correct\\&quot;).width(350).crop(\\&quot;scale\\&quot;)).signed(true).generate(\\&quot;golden_gate_side.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().effect(\\&quot;viesus_correct\\&quot;).width(350).crop(\\&quot;scale\\&quot;)).signed(true).generate(\\&quot;golden_gate_side.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;golden_gate_side.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.scale().width(350))\\n\\t.adjust(Adjust.viesusCorrect())\\n\\t.setSignature(\\&quot;u6CGDuIh\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;golden_gate_side.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.scale().width(350))\\n\\t.adjust(Adjust.viesusCorrect())\\n\\t.setSignature(\\&quot;u6CGDuIh\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;golden_gate_side.jpg\\&quot;)\\n\\t resize(Resize.scale() { width(350) })\\n\\t adjust(Adjust.viesusCorrect())\\n\\t signature() \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;golden_gate_side.jpg\\&quot;)\\n\\t resize(Resize.scale() { width(350) })\\n\\t adjust(Adjust.viesusCorrect())\\n\\t signature() \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;golden_gate_side.jpg\\&quot;, {effect: \\&quot;viesus_correct\\&quot;, width: 350, crop: \\&quot;scale\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;golden_gate_side.jpg\\&quot;, {effect: \\&quot;viesus_correct\\&quot;, width: 350, crop: \\&quot;scale\\&quot;})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(scale().width(350))\\n  .adjust(viesusCorrect())\\n  .setSignature(\\&quot;u6CGDuIh\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(scale().width(350))\\n  .adjust(viesusCorrect())\\n  .setSignature(\\&quot;u6CGDuIh\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/s--u6CGDuIh--\\\/c_scale,e_viesus_correct,w_350\\\/golden_gate_side.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;crop_mode&quot;:&quot;scale&quot;,&quot;effect&quot;:&quot;viesus_correct&quot;,&quot;width&quot;:&quot;350&quot;}],&quot;transformation_string&quot;:&quot;c_scale,e_viesus_correct,w_350&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;golden_gate_side.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;u6CGDuIh&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><\/p>\n<h2>Further image transformations<\/h2>\n<p>Visual enhancement using the VIESUS add-on can be mixed with any of Cloudinary\u2019s rich set of image transformation capabilities.\nThe VIESUS add-on can also enhance a generated image, so instead of improving the original large photo, you can separately enhance each thumbnail or cropped version you would like to display.<\/p>\n<p>For example, the following code generates and delivers a version of the uploaded <code>golden_gate_side<\/code> photo as follows:<\/p>\n<ul>\n<li>Crops the photo to a width of 80% and a height of 35% with east gravity, and applies the <code>viesus_correct<\/code> effect.<\/li>\n<li>Adds another uploaded png image named <code>viesus_icon<\/code> as an overlay. The overlay is resized to a width of 400 pixels, positioned 10 pixels from the top right corner of the containing image and is made 40% semi transparent.<\/li>\n<li>The entire image is scaled down to a width of 600 pixels with rounded corners.<\/li>\n<\/ul>\n<p>Without visual enhancement:<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_crop,g_east,h_0.35,w_0.8\/c_scale,g_north_east,l_viesus_icon,o_40,w_400,x_10,y_10\/c_scale,r_20,w_600\/golden_gate_side.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_crop,g_east,h_0.35,w_0.8\/c_scale,g_north_east,l_viesus_icon,o_40,w_400,x_10,y_10\/c_scale,r_20,w_600\/golden_gate_side.jpg\" alt=\"golden_gate_side.jpg cropped to 600 pixels with rounded corners and a logo overlay\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"600\" height=\"394\"\/><\/a><\/p>\n<p>With VIESUS visual enhancement:<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/s--2iXhOJov--\/c_crop,e_viesus_correct,g_east,h_0.35,w_0.8\/c_scale,g_north_east,l_viesus_icon,o_40,w_400,x_10,y_10\/c_scale,r_20,w_600\/golden_gate_side.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/s--2iXhOJov--\/c_crop,e_viesus_correct,g_east,h_0.35,w_0.8\/c_scale,g_north_east,l_viesus_icon,o_40,w_400,x_10,y_10\/c_scale,r_20,w_600\/golden_gate_side.jpg\" alt=\"golden_gate_side.jpg cropped to 600 pixels with rounded corners, enhanced with viesus and a logo overlay\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"600\" height=\"394\"\/><\/a><\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;golden_gate_side.jpg\\&quot;, {sign_url: true, transformation: [ {effect: \\&quot;viesus_correct\\&quot;, gravity: \\&quot;east\\&quot;, height: \\&quot;0.35\\&quot;, width: \\&quot;0.8\\&quot;, crop: \\&quot;crop\\&quot;}, {gravity: \\&quot;north_east\\&quot;, overlay: \\&quot;viesus_icon\\&quot;, opacity: 40, width: 400, x: 10, y: 10, crop: \\&quot;scale\\&quot;}, {radius: 20, width: 600, crop: \\&quot;scale\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;golden_gate_side.jpg\\&quot;, {sign_url: true, transformation: [\\n  {effect: \\&quot;viesus_correct\\&quot;, gravity: \\&quot;east\\&quot;, height: \\&quot;0.35\\&quot;, width: \\&quot;0.8\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {gravity: \\&quot;north_east\\&quot;, overlay: \\&quot;viesus_icon\\&quot;, opacity: 40, width: 400, x: 10, y: 10, crop: \\&quot;scale\\&quot;},\\n  {radius: 20, width: 600, crop: \\&quot;scale\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(\\n    crop()\\n      .width(0.8)\\n      .height(0.35)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .adjust(viesusCorrect())\\n  .overlay(\\n    source(\\n      image(\\&quot;viesus_icon\\&quot;).transformation(\\n        new Transformation().resize(scale().width(400)).adjust(opacity(40))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(scale().width(600))\\n  .roundCorners(byRadius(20))\\n  .setSignature(\\&quot;2iXhOJov\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(\\n    crop()\\n      .width(0.8)\\n      .height(0.35)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .adjust(viesusCorrect())\\n  .overlay(\\n    source(\\n      image(\\&quot;viesus_icon\\&quot;).transformation(\\n        new Transformation().resize(scale().width(400)).adjust(opacity(40))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(scale().width(600))\\n  .roundCorners(byRadius(20))\\n  .setSignature(\\&quot;2iXhOJov\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;golden_gate_side.jpg\\&quot; signUrl=\\&quot;true\\&quot;&gt; &lt;Transformation effect=\\&quot;viesus_correct\\&quot; gravity=\\&quot;east\\&quot; height=\\&quot;0.35\\&quot; width=\\&quot;0.8\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation gravity=\\&quot;north_east\\&quot; overlay=\\&quot;viesus_icon\\&quot; opacity=\\&quot;40\\&quot; width=\\&quot;400\\&quot; x=\\&quot;10\\&quot; y=\\&quot;10\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;Transformation radius=\\&quot;20\\&quot; width=\\&quot;600\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;golden_gate_side.jpg\\&quot; signUrl=\\&quot;true\\&quot;&gt;\\n\\t&lt;Transformation effect=\\&quot;viesus_correct\\&quot; gravity=\\&quot;east\\&quot; height=\\&quot;0.35\\&quot; width=\\&quot;0.8\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation gravity=\\&quot;north_east\\&quot; overlay=\\&quot;viesus_icon\\&quot; opacity=\\&quot;40\\&quot; width=\\&quot;400\\&quot; x=\\&quot;10\\&quot; y=\\&quot;10\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n\\t&lt;Transformation radius=\\&quot;20\\&quot; width=\\&quot;600\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n&lt;\\\/Image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(\\n    crop()\\n      .width(0.8)\\n      .height(0.35)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .adjust(viesusCorrect())\\n  .overlay(\\n    source(\\n      image(\\&quot;viesus_icon\\&quot;).transformation(\\n        new Transformation().resize(scale().width(400)).adjust(opacity(40))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(scale().width(600))\\n  .roundCorners(byRadius(20))\\n  .setSignature(\\&quot;2iXhOJov\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(\\n    crop()\\n      .width(0.8)\\n      .height(0.35)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .adjust(viesusCorrect())\\n  .overlay(\\n    source(\\n      image(\\&quot;viesus_icon\\&quot;).transformation(\\n        new Transformation().resize(scale().width(400)).adjust(opacity(40))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(scale().width(600))\\n  .roundCorners(byRadius(20))\\n  .setSignature(\\&quot;2iXhOJov\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;golden_gate_side.jpg\\&quot; sign-url=\\&quot;true\\&quot;&gt; &lt;cld-transformation effect=\\&quot;viesus_correct\\&quot; gravity=\\&quot;east\\&quot; height=\\&quot;0.35\\&quot; width=\\&quot;0.8\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation gravity=\\&quot;north_east\\&quot; :overlay=\\&quot;viesus_icon\\&quot; opacity=\\&quot;40\\&quot; width=\\&quot;400\\&quot; x=\\&quot;10\\&quot; y=\\&quot;10\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;cld-transformation radius=\\&quot;20\\&quot; width=\\&quot;600\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;golden_gate_side.jpg\\&quot; sign-url=\\&quot;true\\&quot;&gt;\\n\\t&lt;cld-transformation effect=\\&quot;viesus_correct\\&quot; gravity=\\&quot;east\\&quot; height=\\&quot;0.35\\&quot; width=\\&quot;0.8\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation gravity=\\&quot;north_east\\&quot; :overlay=\\&quot;viesus_icon\\&quot; opacity=\\&quot;40\\&quot; width=\\&quot;400\\&quot; x=\\&quot;10\\&quot; y=\\&quot;10\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation radius=\\&quot;20\\&quot; width=\\&quot;600\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n&lt;\\\/cld-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(\\n    crop()\\n      .width(0.8)\\n      .height(0.35)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .adjust(viesusCorrect())\\n  .overlay(\\n    source(\\n      image(\\&quot;viesus_icon\\&quot;).transformation(\\n        new Transformation().resize(scale().width(400)).adjust(opacity(40))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(scale().width(600))\\n  .roundCorners(byRadius(20))\\n  .setSignature(\\&quot;2iXhOJov\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(\\n    crop()\\n      .width(0.8)\\n      .height(0.35)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .adjust(viesusCorrect())\\n  .overlay(\\n    source(\\n      image(\\&quot;viesus_icon\\&quot;).transformation(\\n        new Transformation().resize(scale().width(400)).adjust(opacity(40))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(scale().width(600))\\n  .roundCorners(byRadius(20))\\n  .setSignature(\\&quot;2iXhOJov\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;golden_gate_side.jpg\\&quot; sign-url=\\&quot;true\\&quot;&gt; &lt;cl-transformation effect=\\&quot;viesus_correct\\&quot; gravity=\\&quot;east\\&quot; height=\\&quot;0.35\\&quot; width=\\&quot;0.8\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation gravity=\\&quot;north_east\\&quot; overlay=\\&quot;viesus_icon\\&quot; opacity=\\&quot;40\\&quot; width=\\&quot;400\\&quot; x=\\&quot;10\\&quot; y=\\&quot;10\\&quot; crop=\\&quot;scale\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation radius=\\&quot;20\\&quot; width=\\&quot;600\\&quot; crop=\\&quot;scale\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;golden_gate_side.jpg\\&quot; sign-url=\\&quot;true\\&quot;&gt;\\n\\t&lt;cl-transformation effect=\\&quot;viesus_correct\\&quot; gravity=\\&quot;east\\&quot; height=\\&quot;0.35\\&quot; width=\\&quot;0.8\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation gravity=\\&quot;north_east\\&quot; overlay=\\&quot;viesus_icon\\&quot; opacity=\\&quot;40\\&quot; width=\\&quot;400\\&quot; x=\\&quot;10\\&quot; y=\\&quot;10\\&quot; crop=\\&quot;scale\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation radius=\\&quot;20\\&quot; width=\\&quot;600\\&quot; crop=\\&quot;scale\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-image&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(\\n    crop()\\n      .width(0.8)\\n      .height(0.35)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .adjust(viesusCorrect())\\n  .overlay(\\n    source(\\n      image(\\&quot;viesus_icon\\&quot;).transformation(\\n        new Transformation().resize(scale().width(400)).adjust(opacity(40))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(scale().width(600))\\n  .roundCorners(byRadius(20))\\n  .setSignature(\\&quot;2iXhOJov\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(\\n    crop()\\n      .width(0.8)\\n      .height(0.35)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .adjust(viesusCorrect())\\n  .overlay(\\n    source(\\n      image(\\&quot;viesus_icon\\&quot;).transformation(\\n        new Transformation().resize(scale().width(400)).adjust(opacity(40))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(scale().width(600))\\n  .roundCorners(byRadius(20))\\n  .setSignature(\\&quot;2iXhOJov\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.imageTag(&#039;golden_gate_side.jpg&#039;, {signUrl: true, transformation: [ {effect: \\&quot;viesus_correct\\&quot;, gravity: \\&quot;east\\&quot;, height: \\&quot;0.35\\&quot;, width: \\&quot;0.8\\&quot;, crop: \\&quot;crop\\&quot;}, {gravity: \\&quot;north_east\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;viesus_icon\\&quot;), opacity: 40, width: 400, x: 10, y: 10, crop: \\&quot;scale\\&quot;}, {radius: 20, width: 600, crop: \\&quot;scale\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;golden_gate_side.jpg&#039;, {signUrl: true, transformation: [\\n  {effect: \\&quot;viesus_correct\\&quot;, gravity: \\&quot;east\\&quot;, height: \\&quot;0.35\\&quot;, width: \\&quot;0.8\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {gravity: \\&quot;north_east\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;viesus_icon\\&quot;), opacity: 40, width: 400, x: 10, y: 10, crop: \\&quot;scale\\&quot;},\\n  {radius: 20, width: 600, crop: \\&quot;scale\\&quot;}\\n  ]}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;).image(sign_url=True, transformation=[ {&#039;effect&#039;: \\&quot;viesus_correct\\&quot;, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;height&#039;: \\&quot;0.35\\&quot;, &#039;width&#039;: \\&quot;0.8\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;gravity&#039;: \\&quot;north_east\\&quot;, &#039;overlay&#039;: \\&quot;viesus_icon\\&quot;, &#039;opacity&#039;: 40, &#039;width&#039;: 400, &#039;x&#039;: 10, &#039;y&#039;: 10, &#039;crop&#039;: \\&quot;scale\\&quot;}, {&#039;radius&#039;: 20, &#039;width&#039;: 600, &#039;crop&#039;: \\&quot;scale\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;).image(sign_url=True, transformation=[\\n  {&#039;effect&#039;: \\&quot;viesus_correct\\&quot;, &#039;gravity&#039;: \\&quot;east\\&quot;, &#039;height&#039;: \\&quot;0.35\\&quot;, &#039;width&#039;: \\&quot;0.8\\&quot;, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;gravity&#039;: \\&quot;north_east\\&quot;, &#039;overlay&#039;: \\&quot;viesus_icon\\&quot;, &#039;opacity&#039;: 40, &#039;width&#039;: 400, &#039;x&#039;: 10, &#039;y&#039;: 10, &#039;crop&#039;: \\&quot;scale\\&quot;},\\n  {&#039;radius&#039;: 20, &#039;width&#039;: 600, &#039;crop&#039;: \\&quot;scale\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new ImageTag(&#039;golden_gate_side.jpg&#039;))\\n\\t-&gt;resize(Resize::crop()-&gt;width(0.8)\\n-&gt;height(0.35)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;adjust(Adjust::viesusCorrect())\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;viesus_icon\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::scale()-&gt;width(400))\\n\\t-&gt;adjust(Adjust::opacity(40)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northEast()))\\n-&gt;offsetX(10)\\n-&gt;offsetY(10))\\n\\t)\\n\\t-&gt;resize(Resize::scale()-&gt;width(600))\\n\\t-&gt;roundCorners(RoundCorners::byRadius(20))\\n\\t-&gt;sign();&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;golden_gate_side.jpg&#039;))\\n\\t-&gt;resize(Resize::crop()-&gt;width(0.8)\\n-&gt;height(0.35)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::east()))\\n\\t)\\n\\t-&gt;adjust(Adjust::viesusCorrect())\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;viesus_icon\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::scale()-&gt;width(400))\\n\\t-&gt;adjust(Adjust::opacity(40)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northEast()))\\n-&gt;offsetX(10)\\n-&gt;offsetY(10))\\n\\t)\\n\\t-&gt;resize(Resize::scale()-&gt;width(600))\\n\\t-&gt;roundCorners(RoundCorners::byRadius(20))\\n\\t-&gt;sign();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;golden_gate_side.jpg\\&quot;, array(\\&quot;sign_url\\&quot;=&gt;true, \\&quot;transformation\\&quot;=&gt;array( array(\\&quot;effect\\&quot;=&gt;\\&quot;viesus_correct\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;0.35\\&quot;, \\&quot;width\\&quot;=&gt;\\&quot;0.8\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;gravity\\&quot;=&gt;\\&quot;north_east\\&quot;, \\&quot;overlay\\&quot;=&gt;\\&quot;viesus_icon\\&quot;, \\&quot;opacity\\&quot;=&gt;40, \\&quot;width\\&quot;=&gt;400, \\&quot;x\\&quot;=&gt;10, \\&quot;y\\&quot;=&gt;10, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;), array(\\&quot;radius\\&quot;=&gt;20, \\&quot;width\\&quot;=&gt;600, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;golden_gate_side.jpg\\&quot;, array(\\&quot;sign_url\\&quot;=&gt;true, \\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;effect\\&quot;=&gt;\\&quot;viesus_correct\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;east\\&quot;, \\&quot;height\\&quot;=&gt;\\&quot;0.35\\&quot;, \\&quot;width\\&quot;=&gt;\\&quot;0.8\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;gravity\\&quot;=&gt;\\&quot;north_east\\&quot;, \\&quot;overlay\\&quot;=&gt;\\&quot;viesus_icon\\&quot;, \\&quot;opacity\\&quot;=&gt;40, \\&quot;width\\&quot;=&gt;400, \\&quot;x\\&quot;=&gt;10, \\&quot;y\\&quot;=&gt;10, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;),\\n  array(\\&quot;radius\\&quot;=&gt;20, \\&quot;width\\&quot;=&gt;600, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;)\\n  )))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().effect(\\&quot;viesus_correct\\&quot;).gravity(\\&quot;east\\&quot;).height(0.35).width(0.8).crop(\\&quot;crop\\&quot;).chain() .gravity(\\&quot;north_east\\&quot;).overlay(new Layer().publicId(\\&quot;viesus_icon\\&quot;)).opacity(40).width(400).x(10).y(10).crop(\\&quot;scale\\&quot;).chain() .radius(20).width(600).crop(\\&quot;scale\\&quot;)).signed(true).imageTag(\\&quot;golden_gate_side.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .effect(\\&quot;viesus_correct\\&quot;).gravity(\\&quot;east\\&quot;).height(0.35).width(0.8).crop(\\&quot;crop\\&quot;).chain()\\n  .gravity(\\&quot;north_east\\&quot;).overlay(new Layer().publicId(\\&quot;viesus_icon\\&quot;)).opacity(40).width(400).x(10).y(10).crop(\\&quot;scale\\&quot;).chain()\\n  .radius(20).width(600).crop(\\&quot;scale\\&quot;)).signed(true).imageTag(\\&quot;golden_gate_side.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;golden_gate_side.jpg\\&quot;, sign_url: true, transformation: [ {effect: \\&quot;viesus_correct\\&quot;, gravity: \\&quot;east\\&quot;, height: 0.35, width: 0.8, crop: \\&quot;crop\\&quot;}, {gravity: \\&quot;north_east\\&quot;, overlay: \\&quot;viesus_icon\\&quot;, opacity: 40, width: 400, x: 10, y: 10, crop: \\&quot;scale\\&quot;}, {radius: 20, width: 600, crop: \\&quot;scale\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;golden_gate_side.jpg\\&quot;, sign_url: true, transformation: [\\n  {effect: \\&quot;viesus_correct\\&quot;, gravity: \\&quot;east\\&quot;, height: 0.35, width: 0.8, crop: \\&quot;crop\\&quot;},\\n  {gravity: \\&quot;north_east\\&quot;, overlay: \\&quot;viesus_icon\\&quot;, opacity: 40, width: 400, x: 10, y: 10, crop: \\&quot;scale\\&quot;},\\n  {radius: 20, width: 600, crop: \\&quot;scale\\&quot;}\\n  ])&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect(\\&quot;viesus_correct\\&quot;).Gravity(\\&quot;east\\&quot;).Height(0.35).Width(0.8).Crop(\\&quot;crop\\&quot;).Chain() .Gravity(\\&quot;north_east\\&quot;).Overlay(new Layer().PublicId(\\&quot;viesus_icon\\&quot;)).Opacity(40).Width(400).X(10).Y(10).Crop(\\&quot;scale\\&quot;).Chain() .Radius(20).Width(600).Crop(\\&quot;scale\\&quot;)).Signed(true).BuildImageTag(\\&quot;golden_gate_side.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation()\\n  .Effect(\\&quot;viesus_correct\\&quot;).Gravity(\\&quot;east\\&quot;).Height(0.35).Width(0.8).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Gravity(\\&quot;north_east\\&quot;).Overlay(new Layer().PublicId(\\&quot;viesus_icon\\&quot;)).Opacity(40).Width(400).X(10).Y(10).Crop(\\&quot;scale\\&quot;).Chain()\\n  .Radius(20).Width(600).Crop(\\&quot;scale\\&quot;)).Signed(true).BuildImageTag(\\&quot;golden_gate_side.jpg\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;golden_gate_side.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.crop().width(0.8)\\n.height(0.35)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.adjust(Adjust.viesusCorrect())\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;viesus_icon\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.scale().width(400))\\n\\t.adjust(Adjust.opacity(40)))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n.offsetX(10)\\n.offsetY(10))\\n\\t)\\n\\t.resize(Resize.scale().width(600))\\n\\t.roundCorners(RoundCorners.byRadius(20))\\n\\t.setSignature(\\&quot;2iXhOJov\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;golden_gate_side.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.crop().width(0.8)\\n.height(0.35)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t)\\n\\t.adjust(Adjust.viesusCorrect())\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;viesus_icon\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.scale().width(400))\\n\\t.adjust(Adjust.opacity(40)))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n.offsetX(10)\\n.offsetY(10))\\n\\t)\\n\\t.resize(Resize.scale().width(600))\\n\\t.roundCorners(RoundCorners.byRadius(20))\\n\\t.setSignature(\\&quot;2iXhOJov\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect(\\&quot;viesus_correct\\&quot;).setGravity(\\&quot;east\\&quot;).setHeight(0.35).setWidth(0.8).setCrop(\\&quot;crop\\&quot;).chain() .setGravity(\\&quot;north_east\\&quot;).setOverlay(\\&quot;viesus_icon\\&quot;).setOpacity(40).setWidth(400).setX(10).setY(10).setCrop(\\&quot;scale\\&quot;).chain() .setRadius(20).setWidth(600).setCrop(\\&quot;scale\\&quot;)).generate(\\&quot;golden_gate_side.jpg\\&quot;, signUrl: true)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\\n  .setEffect(\\&quot;viesus_correct\\&quot;).setGravity(\\&quot;east\\&quot;).setHeight(0.35).setWidth(0.8).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setGravity(\\&quot;north_east\\&quot;).setOverlay(\\&quot;viesus_icon\\&quot;).setOpacity(40).setWidth(400).setX(10).setY(10).setCrop(\\&quot;scale\\&quot;).chain()\\n  .setRadius(20).setWidth(600).setCrop(\\&quot;scale\\&quot;)).generate(\\&quot;golden_gate_side.jpg\\&quot;, signUrl: true)!, cloudinary: cloudinary)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().effect(\\&quot;viesus_correct\\&quot;).gravity(\\&quot;east\\&quot;).height(0.35).width(0.8).crop(\\&quot;crop\\&quot;).chain() .gravity(\\&quot;north_east\\&quot;).overlay(new Layer().publicId(\\&quot;viesus_icon\\&quot;)).opacity(40).width(400).x(10).y(10).crop(\\&quot;scale\\&quot;).chain() .radius(20).width(600).crop(\\&quot;scale\\&quot;)).signed(true).generate(\\&quot;golden_gate_side.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .effect(\\&quot;viesus_correct\\&quot;).gravity(\\&quot;east\\&quot;).height(0.35).width(0.8).crop(\\&quot;crop\\&quot;).chain()\\n  .gravity(\\&quot;north_east\\&quot;).overlay(new Layer().publicId(\\&quot;viesus_icon\\&quot;)).opacity(40).width(400).x(10).y(10).crop(\\&quot;scale\\&quot;).chain()\\n  .radius(20).width(600).crop(\\&quot;scale\\&quot;)).signed(true).generate(\\&quot;golden_gate_side.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(&#039;golden_gate_side.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;c_crop,e_viesus_correct,g_east,h_0.35,w_0.8\\\/c_scale,g_north_east,l_viesus_icon,o_40,w_400,x_10,y_10\\\/c_scale,r_20,w_600\\&quot;)\\n\\t.setSignature(\\&quot;2iXhOJov\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;golden_gate_side.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;c_crop,e_viesus_correct,g_east,h_0.35,w_0.8\\\/c_scale,g_north_east,l_viesus_icon,o_40,w_400,x_10,y_10\\\/c_scale,r_20,w_600\\&quot;)\\n\\t.setSignature(\\&quot;2iXhOJov\\&quot;));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;golden_gate_side.jpg\\&quot;)\\n\\t resize(Resize.crop() { width(0.8F)\\n height(0.35F)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t adjust(Adjust.viesusCorrect())\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;viesus_icon\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.scale() { width(400) })\\n\\t adjust(Adjust.opacity(40)) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n offsetX(10)\\n offsetY(10) })\\n\\t })\\n\\t resize(Resize.scale() { width(600) })\\n\\t roundCorners(RoundCorners.byRadius(20))\\n\\t signature() \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;golden_gate_side.jpg\\&quot;)\\n\\t resize(Resize.crop() { width(0.8F)\\n height(0.35F)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.east()))\\n\\t })\\n\\t adjust(Adjust.viesusCorrect())\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;viesus_icon\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.scale() { width(400) })\\n\\t adjust(Adjust.opacity(40)) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n offsetX(10)\\n offsetY(10) })\\n\\t })\\n\\t resize(Resize.scale() { width(600) })\\n\\t roundCorners(RoundCorners.byRadius(20))\\n\\t signature() \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;golden_gate_side.jpg\\&quot;, {transformation: [ {effect: \\&quot;viesus_correct\\&quot;, gravity: \\&quot;east\\&quot;, height: \\&quot;0.35\\&quot;, width: \\&quot;0.8\\&quot;, crop: \\&quot;crop\\&quot;}, {gravity: \\&quot;north_east\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;viesus_icon\\&quot;), opacity: 40, width: 400, x: 10, y: 10, crop: \\&quot;scale\\&quot;}, {radius: 20, width: 600, crop: \\&quot;scale\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;golden_gate_side.jpg\\&quot;, {transformation: [\\n  {effect: \\&quot;viesus_correct\\&quot;, gravity: \\&quot;east\\&quot;, height: \\&quot;0.35\\&quot;, width: \\&quot;0.8\\&quot;, crop: \\&quot;crop\\&quot;},\\n  {gravity: \\&quot;north_east\\&quot;, overlay: new cloudinary.Layer().publicId(\\&quot;viesus_icon\\&quot;), opacity: 40, width: 400, x: 10, y: 10, crop: \\&quot;scale\\&quot;},\\n  {radius: 20, width: 600, crop: \\&quot;scale\\&quot;}\\n  ]})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(\\n    crop()\\n      .width(0.8)\\n      .height(0.35)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .adjust(viesusCorrect())\\n  .overlay(\\n    source(\\n      image(\\&quot;viesus_icon\\&quot;).transformation(\\n        new Transformation().resize(scale().width(400)).adjust(opacity(40))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(scale().width(600))\\n  .roundCorners(byRadius(20))\\n  .setSignature(\\&quot;2iXhOJov\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;golden_gate_side.jpg\\&quot;)\\n  .resize(\\n    crop()\\n      .width(0.8)\\n      .height(0.35)\\n      .gravity(compass(\\&quot;east\\&quot;))\\n  )\\n  .adjust(viesusCorrect())\\n  .overlay(\\n    source(\\n      image(\\&quot;viesus_icon\\&quot;).transformation(\\n        new Transformation().resize(scale().width(400)).adjust(opacity(40))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(scale().width(600))\\n  .roundCorners(byRadius(20))\\n  .setSignature(\\&quot;2iXhOJov\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/s--2iXhOJov--\\\/c_crop,e_viesus_correct,g_east,h_0.35,w_0.8\\\/c_scale,g_north_east,l_viesus_icon,o_40,w_400,x_10,y_10\\\/c_scale,r_20,w_600\\\/golden_gate_side.jpg&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;image&quot;,&quot;transformation&quot;:[{&quot;crop_mode&quot;:&quot;crop&quot;,&quot;effect&quot;:&quot;viesus_correct&quot;,&quot;gravity&quot;:&quot;east&quot;,&quot;height&quot;:&quot;0.35&quot;,&quot;width&quot;:&quot;0.8&quot;},{&quot;crop_mode&quot;:&quot;scale&quot;,&quot;gravity&quot;:&quot;north_east&quot;,&quot;overlay&quot;:&quot;viesus_icon&quot;,&quot;opacity&quot;:&quot;40&quot;,&quot;width&quot;:&quot;400&quot;,&quot;x&quot;:&quot;10&quot;,&quot;y&quot;:&quot;10&quot;},{&quot;crop_mode&quot;:&quot;scale&quot;,&quot;radius&quot;:&quot;20&quot;,&quot;width&quot;:&quot;600&quot;}],&quot;transformation_string&quot;:&quot;c_crop,e_viesus_correct,g_east,h_0.35,w_0.8\\\/c_scale,g_north_east,l_viesus_icon,o_40,w_400,x_10,y_10\\\/c_scale,r_20,w_600&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;golden_gate_side.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;2iXhOJov&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><\/p>\n<p>For more detailed information on implementing this automatic visual enhancement to your images, see the <a href=\"https:\/\/cloudinary.com\/documentation\/viesus_automatic_image_enhancement_addon\">VIESUS\u2122 add-on<\/a> documentation, and for a full list of Cloudinary\u2019s image transformation options, see the <a href=\"https:\/\/cloudinary.com\/documentation\/image_transformations\">Image transformations<\/a> documentation.<\/p>\n<h2>Summary<\/h2>\n<p>Enhancing your images and user uploaded photos makes your website look nicer and improves user engagement. The VIESUS add-on is utilized to extend Cloudinary\u2019s powerful image transformation and optimization capabilities by automatically enhancing images to their best visual quality. Simply add a single parameter to your image URLs and everything is done seamlessly, dynamically and automatically for you.<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_500\/viesus_screenshot.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_500\/viesus_screenshot.jpg\" alt=\"VIESUS automatic visual enhancement  add-on\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"500\" height=\"209\"\/><\/a><\/p>\n<p>The free tier of the <a href=\"https:\/\/cloudinary.com\/addons#viesus_face\">VIESUS add-on<\/a> is available to all our free and paid plans. If you don\u2019t have a Cloudinary account, you are welcome to <a href=\"https:\/\/cloudinary.com\/users\/register_free\">sign up to our free account<\/a> and try it out.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":24093,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[91,92,165,176,183,214,229,257],"class_list":["post-21299","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-django","tag-dotnet","tag-image-transformation","tag-java","tag-jquery","tag-node","tag-php","tag-ruby-on-rails"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.6 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Automatic visual image enhancement for web apps<\/title>\n<meta name=\"description\" content=\"The VIESUS add-on extends Cloudinary&#039;s powerful image transformation and optimization capabilities with automatic visual image enhancement\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Automatic visual image enhancement for your web application using Cloudinary\" \/>\n<meta property=\"og:description\" content=\"The VIESUS add-on extends Cloudinary&#039;s powerful image transformation and optimization capabilities with automatic visual image enhancement\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-29T13:35:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-15T20:21:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1650586084\/91-automatic-visual-enhancement\/91-automatic-visual-enhancement-png?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1100\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Automatic visual image enhancement for your web application using Cloudinary\",\"datePublished\":\"2015-07-29T13:35:36+00:00\",\"dateModified\":\"2024-08-15T20:21:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application\"},\"wordCount\":10,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586084\/91-automatic-visual-enhancement\/91-automatic-visual-enhancement.png?_i=AA\",\"keywords\":[\"Django\",\"DotNet\",\"Image Transformation\",\"Java\",\"jQuery\",\"Node\",\"PHP\",\"Ruby on Rails\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2015\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application\",\"url\":\"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application\",\"name\":\"Automatic visual image enhancement for web apps\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586084\/91-automatic-visual-enhancement\/91-automatic-visual-enhancement.png?_i=AA\",\"datePublished\":\"2015-07-29T13:35:36+00:00\",\"dateModified\":\"2024-08-15T20:21:21+00:00\",\"description\":\"The VIESUS add-on extends Cloudinary's powerful image transformation and optimization capabilities with automatic visual image enhancement\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586084\/91-automatic-visual-enhancement\/91-automatic-visual-enhancement.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586084\/91-automatic-visual-enhancement\/91-automatic-visual-enhancement.png?_i=AA\",\"width\":2000,\"height\":1100},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Automatic visual image enhancement for your web application using Cloudinary\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Automatic visual image enhancement for web apps","description":"The VIESUS add-on extends Cloudinary's powerful image transformation and optimization capabilities with automatic visual image enhancement","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application","og_locale":"en_US","og_type":"article","og_title":"Automatic visual image enhancement for your web application using Cloudinary","og_description":"The VIESUS add-on extends Cloudinary's powerful image transformation and optimization capabilities with automatic visual image enhancement","og_url":"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application","og_site_name":"Cloudinary Blog","article_published_time":"2015-07-29T13:35:36+00:00","article_modified_time":"2024-08-15T20:21:21+00:00","og_image":[{"width":2000,"height":1100,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1650586084\/91-automatic-visual-enhancement\/91-automatic-visual-enhancement-png?_i=AA","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application"},"author":{"name":"","@id":""},"headline":"Automatic visual image enhancement for your web application using Cloudinary","datePublished":"2015-07-29T13:35:36+00:00","dateModified":"2024-08-15T20:21:21+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application"},"wordCount":10,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586084\/91-automatic-visual-enhancement\/91-automatic-visual-enhancement.png?_i=AA","keywords":["Django","DotNet","Image Transformation","Java","jQuery","Node","PHP","Ruby on Rails"],"inLanguage":"en-US","copyrightYear":"2015","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application","url":"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application","name":"Automatic visual image enhancement for web apps","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586084\/91-automatic-visual-enhancement\/91-automatic-visual-enhancement.png?_i=AA","datePublished":"2015-07-29T13:35:36+00:00","dateModified":"2024-08-15T20:21:21+00:00","description":"The VIESUS add-on extends Cloudinary's powerful image transformation and optimization capabilities with automatic visual image enhancement","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586084\/91-automatic-visual-enhancement\/91-automatic-visual-enhancement.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586084\/91-automatic-visual-enhancement\/91-automatic-visual-enhancement.png?_i=AA","width":2000,"height":1100},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/automatic_visual_image_enhancement_for_your_web_application#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Automatic visual image enhancement for your web application using Cloudinary"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":""}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586084\/91-automatic-visual-enhancement\/91-automatic-visual-enhancement.png?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=21299"}],"version-history":[{"count":3,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21299\/revisions"}],"predecessor-version":[{"id":35207,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21299\/revisions\/35207"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/24093"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=21299"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=21299"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=21299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}