{"id":30548,"date":"2023-08-10T07:00:00","date_gmt":"2023-08-10T14:00:00","guid":{"rendered":"https:\/\/cloudinary.com\/blog\/?p=30548"},"modified":"2025-01-23T18:05:26","modified_gmt":"2025-01-24T02:05:26","slug":"diy-home-improvements-with-generative-ai","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai","title":{"rendered":"DIY Home Improvements With Generative AI"},"content":{"rendered":"<div class=\"wp-block-cloudinary-markdown \"><p>Home improvements can be expensive, so it\u2019s important to make sure you\u2019ve made the right choices before committing to a project. It\u2019s often difficult to decide which color combinations or pieces of furniture will work best in your living space. A splash of paint on a wall or a square meter of sample carpet can give you an idea, but not the whole picture.<\/p>\n<p>This article discusses ways generative AI can help you visualize potential home improvements before making them a reality. Generative AI to recolor and remove objects lend themselves nicely to automation, while replacing and extending images involve a more creative generative process \u2014 which means fuel for the imagination!<\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><h2>Try Before You Buy<\/h2>\n<p>Even paint samples cost money, so instead of going out and buying different colors to test on your walls, just take a photo of your room. Then, upload your picture to Cloudinary and tell it what color you want to try on your walls.<\/p>\n<p>If you\u2019re new to Cloudinary, you can <a href=\"https:\/\/cloudinary.com\/users\/register_free\">create a free account<\/a> (no credit card info required). Then, head over to your <a href=\"https:\/\/console.cloudinary.com\/console\/media_library\">Media Library<\/a> and use the <strong>Upload<\/strong> button to upload your photo.<\/p>\n<p>Once it\u2019s uploaded, copy the URL for the image and paste it in a browser.<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/f_auto\/q_auto\/v1690377166\/docs\/blog\/copy-url.png\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/f_auto\/q_auto\/c_scale,w_200,dpr_2.0\/v1690377166\/docs\/blog\/copy-url.png\" alt=\"Copy the URL from the image card in your product environment\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"200\" height=\"202.5\"\/><\/a><\/p>\n<p>Here\u2019s an example URL (this was uploaded to the <strong>docs<\/strong> folder and named <strong>diy-kitchen<\/strong> \u2014 yours may be called something different).<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/v1690127762\\\/docs\\\/diy-kitchen.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;transformation_string&quot;:&quot;&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;1690127762&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/diy-kitchen.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;&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><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/v1690127762\/docs\/diy-kitchen.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_scale,w_400\/v1690127762\/docs\/diy-kitchen.jpg\" alt=\"Original image of a kitchen\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"400\" height=\"314\"\/><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>To make the walls green, for example, use the <a href=\"https:\/\/cloudinary.com\/documentation\/effects_and_artistic_enhancements#generative_recolor\">generative recolor<\/a> transformation. In the URL, replace the version number (the \u2018v\u2019 followed by lots of digits) with this:<\/p>\n<pre class=\"js-syntax-highlighted\"><code>e_gen_recolor:prompt_wall;to-color_green;multiple_true\n<\/code><\/pre>\n<p>The <code>multiple_true<\/code> syntax ensures all the walls are recolored.<\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/image\\\/upload\\\/e_gen_recolor:prompt_wall;to-color_green;multiple_true\\\/docs\\\/diy-kitchen.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;effect&quot;:&quot;gen_recolor:prompt_wall;to-color_green;multiple_true&quot;}],&quot;transformation_string&quot;:&quot;e_gen_recolor:prompt_wall;to-color_green;multiple_true&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/diy-kitchen.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;&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><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/e_gen_recolor:prompt_wall;to-color_green;multiple_true\/docs\/diy-kitchen.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/e_gen_recolor:prompt_wall;to-color_green;multiple_true\/c_scale,w_400\/docs\/diy-kitchen.jpg\" alt=\"Kitchen with green walls\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"400\" height=\"314\"\/><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>Well, it definitely turned the walls green, but it\u2019s not a great look for this kitchen (it looks more like a film set!). A simple change to the URL can let you try other colors. You can use any <a href=\"https:\/\/www.w3schools.com\/colors\/colors_names.asp\">HTML color name<\/a> or even a hex code for accuracy.<\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><h2>Color Matching<\/h2>\n<p>DIY websites generally have swatches of their paints with color codes, or shade names. These rarely match up to HTML colors and it\u2019s unlikely you\u2019ll find the hex code displayed, so here\u2019s a way to discover the hex code for a swatch using Cloudinary.<\/p>\n<p>Make a screen capture of the page showing the swatch, and crop the capture so only the swatch is visible.  You\u2019ll end up with an image like this:<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/f_auto\/q_auto\/v1690378655\/docs\/blog\/teal-swatch.png\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/f_auto\/q_auto\/c_scale,w_200\/v1690378655\/docs\/blog\/teal-swatch.png\" alt=\"Teal swatch\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"200\" height=\"188\"\/><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>Upload this to Cloudinary, double-click the image and select the <strong>Analysis<\/strong> tab on the right.  At the bottom of this tab, you\u2019ll see <strong>Top Colors<\/strong> where you\u2019ll find the hex code (in this case #066A85).<\/p>\n<p><a class=\"c-image-link\" href=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/bo_1px_solid_gray\/f_auto\/q_auto\/v1690378894\/docs\/blog\/color-analysis.png\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/bo_1px_solid_gray\/f_auto\/q_auto\/c_scale,w_600,dpr_2.0\/v1690378894\/docs\/blog\/color-analysis.png\" alt=\"Color analysis in Cloudinary\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"600\" height=\"333.5\"\/><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>You can use this in your URL, without the hash (<code>to-color_066a85<\/code>):<\/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;docs\\\/diy-kitchen.jpg\\&quot;, {effect: \\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;, {effect: \\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;})&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;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;wall\\&quot;, \\&quot;#066a85\\&quot;).detectMultiple()\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;wall\\&quot;, \\&quot;#066a85\\&quot;).detectMultiple()\\n);&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;docs\\\/diy-kitchen.jpg\\&quot; &gt; &lt;Transformation effect=\\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/diy-kitchen.jpg\\&quot; &gt;\\n\\t&lt;Transformation effect=\\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&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;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;wall\\&quot;, \\&quot;#066a85\\&quot;).detectMultiple()\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;wall\\&quot;, \\&quot;#066a85\\&quot;).detectMultiple()\\n);&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;docs\\\/diy-kitchen.jpg\\&quot; &gt; &lt;cld-transformation effect=\\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/diy-kitchen.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation effect=\\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&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;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;wall\\&quot;, \\&quot;#066a85\\&quot;).detectMultiple()\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;wall\\&quot;, \\&quot;#066a85\\&quot;).detectMultiple()\\n);&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;docs\\\/diy-kitchen.jpg\\&quot; &gt; &lt;cl-transformation effect=\\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/diy-kitchen.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation effect=\\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&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;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;wall\\&quot;, \\&quot;#066a85\\&quot;).detectMultiple()\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;wall\\&quot;, \\&quot;#066a85\\&quot;).detectMultiple()\\n);&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;docs\\\/diy-kitchen.jpg&#039;, {effect: \\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/diy-kitchen.jpg&#039;, {effect: \\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;}).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;docs\\\/diy-kitchen.jpg\\&quot;).image(effect=\\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_True\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).image(effect=\\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_True\\&quot;)&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;docs\\\/diy-kitchen.jpg&#039;))\\n\\t-&gt;effect(Effect::generativeRecolor(\\&quot;wall\\&quot;,Color::rgb(\\&quot;066a85\\&quot;))-&gt;detectMultiple());&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/diy-kitchen.jpg&#039;))\\n\\t-&gt;effect(Effect::generativeRecolor(\\&quot;wall\\&quot;,Color::rgb(\\&quot;066a85\\&quot;))-&gt;detectMultiple());&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;docs\\\/diy-kitchen.jpg\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;))&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;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;)).imageTag(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().effect(\\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;)).imageTag(\\&quot;docs\\\/diy-kitchen.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;docs\\\/diy-kitchen.jpg\\&quot;, effect: \\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;, effect: \\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;)&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;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;)).BuildImageTag(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect(\\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;)).BuildImageTag(\\&quot;docs\\\/diy-kitchen.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;docs\\\/diy-kitchen.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRecolor(\\&quot;wall\\&quot;,Color.rgb(\\&quot;066a85\\&quot;)).detectMultiple()));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-kitchen.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRecolor(\\&quot;wall\\&quot;,Color.rgb(\\&quot;066a85\\&quot;)).detectMultiple()));&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;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;)).generate(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect(\\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;)).generate(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;)!, 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;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;)).generate(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().effect(\\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;)).generate(\\&quot;docs\\\/diy-kitchen.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;docs\\\/diy-kitchen.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRecolor(\\&quot;wall\\&quot;,Color.rgb(\\&quot;066a85\\&quot;)).detectMultiple()));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-kitchen.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRecolor(\\&quot;wall\\&quot;,Color.rgb(\\&quot;066a85\\&quot;)).detectMultiple()));&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;docs\\\/diy-kitchen.jpg\\&quot;)\\n\\t effect(Effect.generativeRecolor(\\&quot;wall\\&quot;,Color.rgb(\\&quot;066a85\\&quot;)) { detectMultiple() }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;)\\n\\t effect(Effect.generativeRecolor(\\&quot;wall\\&quot;,Color.rgb(\\&quot;066a85\\&quot;)) { detectMultiple() }) \\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;docs\\\/diy-kitchen.jpg\\&quot;, {effect: \\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;, {effect: \\&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true\\&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;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;wall\\&quot;, \\&quot;#066a85\\&quot;).detectMultiple()\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;wall\\&quot;, \\&quot;#066a85\\&quot;).detectMultiple()\\n);&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\\\/e_gen_recolor:prompt_wall;to-color_066a85;multiple_true\\\/docs\\\/diy-kitchen.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;effect&quot;:&quot;gen_recolor:prompt_wall;to-color_066a85;multiple_true&quot;}],&quot;transformation_string&quot;:&quot;e_gen_recolor:prompt_wall;to-color_066a85;multiple_true&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/diy-kitchen.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;&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><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/e_gen_recolor:prompt_wall;to-color_066a85;multiple_true\/docs\/diy-kitchen.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/e_gen_recolor:prompt_wall;to-color_066a85;multiple_true\/c_scale,w_400\/docs\/diy-kitchen.jpg\" alt=\"Kitchen with teal walls\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"400\" height=\"314\"\/><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>That\u2019s the DIY way to do it.  However, if you\u2019re a developer, you could create an app to let people upload their own images, create a color picker based on the available paint shades, and leave your customers to try different paints on their walls with no mess!<\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><h2>More Than Just Walls<\/h2>\n<p>There are other features of a room you may want to try out in different colors, such as the sofa or carpet. Perhaps you only want to change the color of one of the sofas. With natural language for the prompt, you can! So, instead of \u2018wall\u2019, you can say, for example, \u2018the sofa on the left\u2019.<\/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;docs\\\/diy-lounge.jpg\\&quot;, {effect: \\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/diy-lounge.jpg\\&quot;, {effect: \\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;})&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;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the sofa on the left\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the sofa on the left\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&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;docs\\\/diy-lounge.jpg\\&quot; &gt; &lt;Transformation effect=\\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/diy-lounge.jpg\\&quot; &gt;\\n\\t&lt;Transformation effect=\\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&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;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the sofa on the left\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the sofa on the left\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&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;docs\\\/diy-lounge.jpg\\&quot; &gt; &lt;cld-transformation effect=\\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/diy-lounge.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation effect=\\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&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;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the sofa on the left\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the sofa on the left\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&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;docs\\\/diy-lounge.jpg\\&quot; &gt; &lt;cl-transformation effect=\\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/diy-lounge.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation effect=\\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&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;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the sofa on the left\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the sofa on the left\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&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;docs\\\/diy-lounge.jpg&#039;, {effect: \\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/diy-lounge.jpg&#039;, {effect: \\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;}).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;docs\\\/diy-lounge.jpg\\&quot;).image(effect=\\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).image(effect=\\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;)&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;docs\\\/diy-lounge.jpg&#039;))\\n\\t-&gt;effect(Effect::generativeRecolor(\\&quot;the sofa on the left\\&quot;,Color::rgb(\\&quot;abbacd\\&quot;)));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/diy-lounge.jpg&#039;))\\n\\t-&gt;effect(Effect::generativeRecolor(\\&quot;the sofa on the left\\&quot;,Color::rgb(\\&quot;abbacd\\&quot;)));&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;docs\\\/diy-lounge.jpg\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-lounge.jpg\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;))&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;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;)).imageTag(\\&quot;docs\\\/diy-lounge.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().effect(\\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;)).imageTag(\\&quot;docs\\\/diy-lounge.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;docs\\\/diy-lounge.jpg\\&quot;, effect: \\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-lounge.jpg\\&quot;, effect: \\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;)&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;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;)).BuildImageTag(\\&quot;docs\\\/diy-lounge.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect(\\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;)).BuildImageTag(\\&quot;docs\\\/diy-lounge.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;docs\\\/diy-lounge.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRecolor(\\&quot;the sofa on the left\\&quot;,Color.rgb(\\&quot;abbacd\\&quot;))));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-lounge.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRecolor(\\&quot;the sofa on the left\\&quot;,Color.rgb(\\&quot;abbacd\\&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;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;)).generate(\\&quot;docs\\\/diy-lounge.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect(\\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;)).generate(\\&quot;docs\\\/diy-lounge.jpg\\&quot;)!, 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;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;)).generate(\\&quot;docs\\\/diy-lounge.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().effect(\\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;)).generate(\\&quot;docs\\\/diy-lounge.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;docs\\\/diy-lounge.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRecolor(\\&quot;the sofa on the left\\&quot;,Color.rgb(\\&quot;abbacd\\&quot;))));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-lounge.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRecolor(\\&quot;the sofa on the left\\&quot;,Color.rgb(\\&quot;abbacd\\&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;docs\\\/diy-lounge.jpg\\&quot;)\\n\\t effect(Effect.generativeRecolor(\\&quot;the sofa on the left\\&quot;,Color.rgb(\\&quot;abbacd\\&quot;))) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/diy-lounge.jpg\\&quot;)\\n\\t effect(Effect.generativeRecolor(\\&quot;the sofa on the left\\&quot;,Color.rgb(\\&quot;abbacd\\&quot;))) \\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;docs\\\/diy-lounge.jpg\\&quot;, {effect: \\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/diy-lounge.jpg\\&quot;, {effect: \\&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd\\&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;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the sofa on the left\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the sofa on the left\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&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\\\/e_gen_recolor:prompt_the%20sofa%20on%20the%20left;to-color_abbacd\\\/docs\\\/diy-lounge.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;effect&quot;:&quot;gen_recolor:prompt_the sofa on the left;to-color_abbacd&quot;}],&quot;transformation_string&quot;:&quot;e_gen_recolor:prompt_the sofa on the left;to-color_abbacd&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/diy-lounge.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;&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<div style=\"clear: both; margin-bottom: 20px\">\n<\/div>\n<div style=\"text-align:center;\">\n<span style=\"display:inline-block;vertical-align:top;\">\n<a href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/docs\/diy-lounge.jpg\" target =\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_scale,h_200\/docs\/diy-lounge.jpg\" alt=\"Original image of a lounge\" title=\"Original image of a lounge\" style=\"margin-right: 30px;display:block;\" \/><\/a>\n<b style=\"margin-right: 30px;display:block;\">Original image<\/b>\n<\/span>\n<span style=\"display:inline-block;vertical-align:top;\">\n<a href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/e_gen_recolor:prompt_the%20sofa%20on%20the%20left;to-color_abbacd\/docs\/diy-lounge.jpg\" target =\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/e_gen_recolor:prompt_the%20sofa%20on%20the%20left;to-color_abbacd\/c_scale,h_200\/docs\/diy-lounge.jpg\" alt=\"Sofa on the left recolored\" title=\"Sofa on the left recolored\" style=\"margin-right: 30px;display:block;\" \/><\/a>\n<b style=\"margin-right: 30px;display:block;\">Sofa on the left recolored<\/b>\n<\/span>\n<\/div>\n<div style=\"clear: both; margin-bottom: 20px\">\n<\/div>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>Or, leave the sofas as they are and change the color of the carpet:<\/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;docs\\\/diy-lounge.jpg\\&quot;, {effect: \\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/diy-lounge.jpg\\&quot;, {effect: \\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;})&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;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the carpet\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the carpet\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&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;docs\\\/diy-lounge.jpg\\&quot; &gt; &lt;Transformation effect=\\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/diy-lounge.jpg\\&quot; &gt;\\n\\t&lt;Transformation effect=\\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&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;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the carpet\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the carpet\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&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;docs\\\/diy-lounge.jpg\\&quot; &gt; &lt;cld-transformation effect=\\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/diy-lounge.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation effect=\\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&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;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the carpet\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the carpet\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&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;docs\\\/diy-lounge.jpg\\&quot; &gt; &lt;cl-transformation effect=\\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/diy-lounge.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation effect=\\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&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;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the carpet\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the carpet\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&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;docs\\\/diy-lounge.jpg&#039;, {effect: \\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/diy-lounge.jpg&#039;, {effect: \\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;}).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;docs\\\/diy-lounge.jpg\\&quot;).image(effect=\\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).image(effect=\\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;)&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;docs\\\/diy-lounge.jpg&#039;))\\n\\t-&gt;effect(Effect::generativeRecolor(\\&quot;the carpet\\&quot;,Color::rgb(\\&quot;abbacd\\&quot;)));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/diy-lounge.jpg&#039;))\\n\\t-&gt;effect(Effect::generativeRecolor(\\&quot;the carpet\\&quot;,Color::rgb(\\&quot;abbacd\\&quot;)));&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;docs\\\/diy-lounge.jpg\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-lounge.jpg\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;))&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;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;)).imageTag(\\&quot;docs\\\/diy-lounge.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().effect(\\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;)).imageTag(\\&quot;docs\\\/diy-lounge.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;docs\\\/diy-lounge.jpg\\&quot;, effect: \\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-lounge.jpg\\&quot;, effect: \\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;)&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;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;)).BuildImageTag(\\&quot;docs\\\/diy-lounge.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect(\\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;)).BuildImageTag(\\&quot;docs\\\/diy-lounge.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;docs\\\/diy-lounge.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRecolor(\\&quot;the carpet\\&quot;,Color.rgb(\\&quot;abbacd\\&quot;))));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-lounge.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRecolor(\\&quot;the carpet\\&quot;,Color.rgb(\\&quot;abbacd\\&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;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;)).generate(\\&quot;docs\\\/diy-lounge.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect(\\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;)).generate(\\&quot;docs\\\/diy-lounge.jpg\\&quot;)!, 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;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;)).generate(\\&quot;docs\\\/diy-lounge.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().effect(\\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;)).generate(\\&quot;docs\\\/diy-lounge.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;docs\\\/diy-lounge.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRecolor(\\&quot;the carpet\\&quot;,Color.rgb(\\&quot;abbacd\\&quot;))));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-lounge.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRecolor(\\&quot;the carpet\\&quot;,Color.rgb(\\&quot;abbacd\\&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;docs\\\/diy-lounge.jpg\\&quot;)\\n\\t effect(Effect.generativeRecolor(\\&quot;the carpet\\&quot;,Color.rgb(\\&quot;abbacd\\&quot;))) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/diy-lounge.jpg\\&quot;)\\n\\t effect(Effect.generativeRecolor(\\&quot;the carpet\\&quot;,Color.rgb(\\&quot;abbacd\\&quot;))) \\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;docs\\\/diy-lounge.jpg\\&quot;, {effect: \\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/diy-lounge.jpg\\&quot;, {effect: \\&quot;gen_recolor:prompt_the carpet;to-color_abbacd\\&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;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the carpet\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor(\\&quot;the carpet\\&quot;, \\&quot;#abbacd\\&quot;)\\n);&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\\\/e_gen_recolor:prompt_the%20carpet;to-color_abbacd\\\/docs\\\/diy-lounge.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;effect&quot;:&quot;gen_recolor:prompt_the carpet;to-color_abbacd&quot;}],&quot;transformation_string&quot;:&quot;e_gen_recolor:prompt_the carpet;to-color_abbacd&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/diy-lounge.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;&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><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/e_gen_recolor:prompt_the%20carpet;to-color_abbacd\/docs\/diy-lounge.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/e_gen_recolor:prompt_the carpet;to-color_abbacd\/c_scale,h_200\/docs\/diy-lounge.jpg\" alt=\"Recolor the carpet\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"311\" height=\"200\"\/><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>You can recolor both the sofas and the carpet at the same time by putting the prompts in parentheses, separated by a semi-colon (<code>e_gen_recolor:prompt_(carpet;sofa)<\/code>).  When you use this syntax, all carpets and sofas in the picture are automatically recolored.<\/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;docs\\\/diy-lounge.jpg\\&quot;, {effect: \\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/diy-lounge.jpg\\&quot;, {effect: \\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;})&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;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor([\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;], \\&quot;#abbacd\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor([\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;], \\&quot;#abbacd\\&quot;)\\n);&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;docs\\\/diy-lounge.jpg\\&quot; &gt; &lt;Transformation effect=\\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/diy-lounge.jpg\\&quot; &gt;\\n\\t&lt;Transformation effect=\\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&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;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor([\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;], \\&quot;#abbacd\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor([\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;], \\&quot;#abbacd\\&quot;)\\n);&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;docs\\\/diy-lounge.jpg\\&quot; &gt; &lt;cld-transformation effect=\\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/diy-lounge.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation effect=\\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&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;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor([\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;], \\&quot;#abbacd\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor([\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;], \\&quot;#abbacd\\&quot;)\\n);&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;docs\\\/diy-lounge.jpg\\&quot; &gt; &lt;cl-transformation effect=\\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/diy-lounge.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation effect=\\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&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;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor([\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;], \\&quot;#abbacd\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor([\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;], \\&quot;#abbacd\\&quot;)\\n);&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;docs\\\/diy-lounge.jpg&#039;, {effect: \\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/diy-lounge.jpg&#039;, {effect: \\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;}).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;docs\\\/diy-lounge.jpg\\&quot;).image(effect=\\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).image(effect=\\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;)&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;docs\\\/diy-lounge.jpg&#039;))\\n\\t-&gt;effect(Effect::generativeRecolor([\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;],Color::rgb(\\&quot;abbacd\\&quot;)));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/diy-lounge.jpg&#039;))\\n\\t-&gt;effect(Effect::generativeRecolor([\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;],Color::rgb(\\&quot;abbacd\\&quot;)));&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;docs\\\/diy-lounge.jpg\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-lounge.jpg\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;))&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;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;)).imageTag(\\&quot;docs\\\/diy-lounge.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().effect(\\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;)).imageTag(\\&quot;docs\\\/diy-lounge.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;docs\\\/diy-lounge.jpg\\&quot;, effect: \\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-lounge.jpg\\&quot;, effect: \\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;)&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;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;)).BuildImageTag(\\&quot;docs\\\/diy-lounge.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect(\\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;)).BuildImageTag(\\&quot;docs\\\/diy-lounge.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;docs\\\/diy-lounge.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRecolor([\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;],Color.rgb(\\&quot;abbacd\\&quot;))));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-lounge.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRecolor([\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;],Color.rgb(\\&quot;abbacd\\&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;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;)).generate(\\&quot;docs\\\/diy-lounge.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect(\\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;)).generate(\\&quot;docs\\\/diy-lounge.jpg\\&quot;)!, 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;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;)).generate(\\&quot;docs\\\/diy-lounge.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().effect(\\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;)).generate(\\&quot;docs\\\/diy-lounge.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;docs\\\/diy-lounge.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRecolor([\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;],Color.rgb(\\&quot;abbacd\\&quot;))));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-lounge.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRecolor([\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;],Color.rgb(\\&quot;abbacd\\&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;docs\\\/diy-lounge.jpg\\&quot;)\\n\\t effect(Effect.generativeRecolor(listOf(\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;),Color.rgb(\\&quot;abbacd\\&quot;))) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/diy-lounge.jpg\\&quot;)\\n\\t effect(Effect.generativeRecolor(listOf(\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;),Color.rgb(\\&quot;abbacd\\&quot;))) \\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;docs\\\/diy-lounge.jpg\\&quot;, {effect: \\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/diy-lounge.jpg\\&quot;, {effect: \\&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\&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;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor([\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;], \\&quot;#abbacd\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-lounge.jpg\\&quot;).effect(\\n  generativeRecolor([\\&quot;carpet\\&quot;, \\&quot;sofa\\&quot;], \\&quot;#abbacd\\&quot;)\\n);&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\\\/e_gen_recolor:prompt_(carpet;sofa);to-color_abbacd\\\/docs\\\/diy-lounge.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;effect&quot;:&quot;gen_recolor:prompt_(carpet;sofa);to-color_abbacd&quot;}],&quot;transformation_string&quot;:&quot;e_gen_recolor:prompt_(carpet;sofa);to-color_abbacd&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/diy-lounge.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;&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><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/e_gen_recolor:prompt_(carpet;sofa);to-color_abbacd\/docs\/diy-lounge.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/e_gen_recolor:prompt_(carpet;sofa);to-color_abbacd\/c_scale,h_200\/docs\/diy-lounge.jpg\" alt=\"Recolor the sofas and carpet\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"311\" height=\"200\"\/><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>What\u2019s great is that you can still clearly see the material\u2019s texture and shading!<\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><h2>Clean Up Your Photos<\/h2>\n<p>When it comes to selling your home, you\u2019ll want to make the property look its best on the real estate agent\u2019s website.  Perhaps you didn\u2019t have time to declutter or remove personal items before the photos were taken. No worries! Clean up your photos on the fly with generative AI: the <a href=\"https:\/\/cloudinary.com\/documentation\/effects_and_artistic_enhancements#generative_remove\">generative remove<\/a> transformation.<\/p>\n<p>For example, in my kitchen photo, I want to remove the red and blue signs on the cupboards. For this, we can use the generative remove transformation with specific prompts, such as <code>e_gen_remove:prompt_(the%20red%20sign;the%20blue%20sign)<\/code>:<\/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;docs\\\/diy-kitchen.jpg\\&quot;, {effect: \\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;, {effect: \\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot;})&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;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRemove().prompt(\\&quot;the red sign\\&quot;, \\&quot;the blue sign\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRemove().prompt(\\&quot;the red sign\\&quot;, \\&quot;the blue sign\\&quot;)\\n);&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;docs\\\/diy-kitchen.jpg\\&quot; &gt; &lt;Transformation effect=\\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/diy-kitchen.jpg\\&quot; &gt;\\n\\t&lt;Transformation effect=\\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&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;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRemove().prompt(\\&quot;the red sign\\&quot;, \\&quot;the blue sign\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRemove().prompt(\\&quot;the red sign\\&quot;, \\&quot;the blue sign\\&quot;)\\n);&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;docs\\\/diy-kitchen.jpg\\&quot; &gt; &lt;cld-transformation effect=\\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/diy-kitchen.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation effect=\\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&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;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRemove().prompt(\\&quot;the red sign\\&quot;, \\&quot;the blue sign\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRemove().prompt(\\&quot;the red sign\\&quot;, \\&quot;the blue sign\\&quot;)\\n);&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;docs\\\/diy-kitchen.jpg\\&quot; &gt; &lt;cl-transformation effect=\\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/diy-kitchen.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation effect=\\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&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;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRemove().prompt(\\&quot;the red sign\\&quot;, \\&quot;the blue sign\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRemove().prompt(\\&quot;the red sign\\&quot;, \\&quot;the blue sign\\&quot;)\\n);&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;docs\\\/diy-kitchen.jpg&#039;, {effect: \\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/diy-kitchen.jpg&#039;, {effect: \\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot;}).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;docs\\\/diy-kitchen.jpg\\&quot;).image(effect=\\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).image(effect=\\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot;)&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;docs\\\/diy-kitchen.jpg&#039;))\\n\\t-&gt;effect(Effect::generativeRemove()\\n\\t-&gt;prompt(\\&quot;the red sign\\&quot;,\\&quot;the blue sign\\&quot;)\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/diy-kitchen.jpg&#039;))\\n\\t-&gt;effect(Effect::generativeRemove()\\n\\t-&gt;prompt(\\&quot;the red sign\\&quot;,\\&quot;the blue sign\\&quot;)\\n\\t);&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;docs\\\/diy-kitchen.jpg\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot;))&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;gen_remove:prompt_(the red sign;the blue sign)\\&quot;)).imageTag(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().effect(\\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot;)).imageTag(\\&quot;docs\\\/diy-kitchen.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;docs\\\/diy-kitchen.jpg\\&quot;, effect: \\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;, effect: \\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot;)&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;gen_remove:prompt_(the red sign;the blue sign)\\&quot;)).BuildImageTag(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect(\\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot;)).BuildImageTag(\\&quot;docs\\\/diy-kitchen.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;docs\\\/diy-kitchen.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRemove()\\n\\t.prompt(\\&quot;the red sign\\&quot;,\\&quot;the blue sign\\&quot;)\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-kitchen.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRemove()\\n\\t.prompt(\\&quot;the red sign\\&quot;,\\&quot;the blue sign\\&quot;)\\n\\t));&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;gen_remove:prompt_(the red sign;the blue sign)\\&quot;)).generate(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect(\\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot;)).generate(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;)!, 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;gen_remove:prompt_(the red sign;the blue sign)\\&quot;)).generate(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().effect(\\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot;)).generate(\\&quot;docs\\\/diy-kitchen.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;docs\\\/diy-kitchen.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRemove()\\n\\t.prompt(\\&quot;the red sign\\&quot;,\\&quot;the blue sign\\&quot;)\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-kitchen.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeRemove()\\n\\t.prompt(\\&quot;the red sign\\&quot;,\\&quot;the blue sign\\&quot;)\\n\\t));&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;docs\\\/diy-kitchen.jpg\\&quot;)\\n\\t effect(Effect.generativeRemove() {\\n\\t prompt(\\&quot;the red sign\\&quot;,\\&quot;the blue sign\\&quot;)\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;)\\n\\t effect(Effect.generativeRemove() {\\n\\t prompt(\\&quot;the red sign\\&quot;,\\&quot;the blue sign\\&quot;)\\n\\t }) \\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;docs\\\/diy-kitchen.jpg\\&quot;, {effect: \\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;, {effect: \\&quot;gen_remove:prompt_(the red sign;the blue sign)\\&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;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRemove().prompt(\\&quot;the red sign\\&quot;, \\&quot;the blue sign\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeRemove().prompt(\\&quot;the red sign\\&quot;, \\&quot;the blue sign\\&quot;)\\n);&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\\\/e_gen_remove:prompt_(the%20red%20sign;the%20blue%20sign)\\\/docs\\\/diy-kitchen.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;effect&quot;:&quot;gen_remove:prompt_(the red sign;the blue sign)&quot;}],&quot;transformation_string&quot;:&quot;e_gen_remove:prompt_(the red sign;the blue sign)&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/diy-kitchen.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;&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<div style=\"clear: both; margin-bottom: 20px\">\n<\/div>\n<div style=\"text-align:center;\">\n<span style=\"display:inline-block;vertical-align:top;\">\n<a href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/docs\/diy-kitchen.jpg\" target =\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_scale,w_300\/docs\/diy-kitchen.jpg\" alt=\"Original image of a kitchen\" title=\"Original image of a kitchen\" style=\"margin-right: 30px;display:block;\" \/><\/a>\n<b style=\"margin-right: 30px;display:block;\">Original image<\/b>\n<\/span>\n<span style=\"display:inline-block;vertical-align:top;\">\n<a href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/e_gen_remove:prompt_(the%20red%20sign;the%20blue%20sign)\/docs\/diy-kitchen.jpg\" target =\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/e_gen_remove:prompt_(the%20red%20sign;the%20blue%20sign)\/c_scale,w_300\/docs\/diy-kitchen.jpg\" alt=\"Signs removed from cupboards\" title=\"Signs removed from cupboards\" style=\"margin-right: 30px;display:block;\" \/><\/a>\n<b style=\"margin-right: 30px;display:block;\">Signs removed from cupboards<\/b>\n<\/span>\n<\/div>\n<div style=\"clear: both; margin-bottom: 20px\">\n<\/div>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>And hey presto!  They\u2019re gone without a trace!  See how the color and texture of the wooden doors are generated automatically.<\/p>\n<p>Another way to improve the look of the room, without altering anything significant to the purchase, is to replace unpleasant-looking objects with more attractive ones.  You can use the <a href=\"https:\/\/cloudinary.com\/documentation\/effects_and_artistic_enhancements#generative_replace\">generative replace<\/a> transformation to do this.  Let\u2019s replace that old dented trash can with a more attractive flower pot:<\/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;docs\\\/diy-kitchen.jpg\\&quot;, {effect: \\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;, {effect: \\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot;})&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;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeReplace().from(\\&quot;the trash can\\&quot;).to(\\&quot;a flower pot\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeReplace().from(\\&quot;the trash can\\&quot;).to(\\&quot;a flower pot\\&quot;)\\n);&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;docs\\\/diy-kitchen.jpg\\&quot; &gt; &lt;Transformation effect=\\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/diy-kitchen.jpg\\&quot; &gt;\\n\\t&lt;Transformation effect=\\&quot;gen_replace:from_the trash can;to_a flower pot\\&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;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeReplace().from(\\&quot;the trash can\\&quot;).to(\\&quot;a flower pot\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeReplace().from(\\&quot;the trash can\\&quot;).to(\\&quot;a flower pot\\&quot;)\\n);&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;docs\\\/diy-kitchen.jpg\\&quot; &gt; &lt;cld-transformation effect=\\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/diy-kitchen.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation effect=\\&quot;gen_replace:from_the trash can;to_a flower pot\\&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;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeReplace().from(\\&quot;the trash can\\&quot;).to(\\&quot;a flower pot\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeReplace().from(\\&quot;the trash can\\&quot;).to(\\&quot;a flower pot\\&quot;)\\n);&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;docs\\\/diy-kitchen.jpg\\&quot; &gt; &lt;cl-transformation effect=\\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/diy-kitchen.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation effect=\\&quot;gen_replace:from_the trash can;to_a flower pot\\&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;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeReplace().from(\\&quot;the trash can\\&quot;).to(\\&quot;a flower pot\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeReplace().from(\\&quot;the trash can\\&quot;).to(\\&quot;a flower pot\\&quot;)\\n);&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;docs\\\/diy-kitchen.jpg&#039;, {effect: \\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/diy-kitchen.jpg&#039;, {effect: \\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot;}).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;docs\\\/diy-kitchen.jpg\\&quot;).image(effect=\\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).image(effect=\\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot;)&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;docs\\\/diy-kitchen.jpg&#039;))\\n\\t-&gt;effect(Effect::generativeReplace()-&gt;from(\\&quot;the trash can\\&quot;)\\n-&gt;to(\\&quot;a flower pot\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/diy-kitchen.jpg&#039;))\\n\\t-&gt;effect(Effect::generativeReplace()-&gt;from(\\&quot;the trash can\\&quot;)\\n-&gt;to(\\&quot;a flower pot\\&quot;));&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;docs\\\/diy-kitchen.jpg\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot;))&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;gen_replace:from_the trash can;to_a flower pot\\&quot;)).imageTag(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().effect(\\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot;)).imageTag(\\&quot;docs\\\/diy-kitchen.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;docs\\\/diy-kitchen.jpg\\&quot;, effect: \\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;, effect: \\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot;)&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;gen_replace:from_the trash can;to_a flower pot\\&quot;)).BuildImageTag(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect(\\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot;)).BuildImageTag(\\&quot;docs\\\/diy-kitchen.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;docs\\\/diy-kitchen.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeReplace().from(\\&quot;the trash can\\&quot;)\\n.to(\\&quot;a flower pot\\&quot;)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-kitchen.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeReplace().from(\\&quot;the trash can\\&quot;)\\n.to(\\&quot;a flower pot\\&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;gen_replace:from_the trash can;to_a flower pot\\&quot;)).generate(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect(\\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot;)).generate(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;)!, 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;gen_replace:from_the trash can;to_a flower pot\\&quot;)).generate(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().effect(\\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot;)).generate(\\&quot;docs\\\/diy-kitchen.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;docs\\\/diy-kitchen.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeReplace().from(\\&quot;the trash can\\&quot;)\\n.to(\\&quot;a flower pot\\&quot;)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-kitchen.jpg&#039;).transformation(Transformation()\\n\\t.effect(Effect.generativeReplace().from(\\&quot;the trash can\\&quot;)\\n.to(\\&quot;a flower pot\\&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;docs\\\/diy-kitchen.jpg\\&quot;)\\n\\t effect(Effect.generativeReplace() { from(\\&quot;the trash can\\&quot;)\\n to(\\&quot;a flower pot\\&quot;) }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;)\\n\\t effect(Effect.generativeReplace() { from(\\&quot;the trash can\\&quot;)\\n to(\\&quot;a flower pot\\&quot;) }) \\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;docs\\\/diy-kitchen.jpg\\&quot;, {effect: \\&quot;gen_replace:from_the trash can;to_a flower pot\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;, {effect: \\&quot;gen_replace:from_the trash can;to_a flower pot\\&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;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeReplace().from(\\&quot;the trash can\\&quot;).to(\\&quot;a flower pot\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-kitchen.jpg\\&quot;).effect(\\n  generativeReplace().from(\\&quot;the trash can\\&quot;).to(\\&quot;a flower pot\\&quot;)\\n);&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\\\/e_gen_replace:from_the%20trash%20can;to_a%20flower%20pot\\\/docs\\\/diy-kitchen.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;effect&quot;:&quot;gen_replace:from_the trash can;to_a flower pot&quot;}],&quot;transformation_string&quot;:&quot;e_gen_replace:from_the trash can;to_a flower pot&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/diy-kitchen.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;&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><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/e_gen_replace:from_the%20trash%20can;to_a%20flower%20pot\/docs\/diy-kitchen.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/e_gen_replace:from_the trash can;to_a flower pot\/c_scale,w_400\/docs\/diy-kitchen.jpg\" alt=\"Trash can replaced with a flower pot\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"400\" height=\"314\"\/><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>Again, notice how the AI generated pixels realistically fill the area covered by the trash can, including the flooring.<\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><h2>House Extensions<\/h2>\n<p>Perhaps you\u2019ve decided not to move after all, but are instead looking for inspiration on extending your house? Another generative AI feature could help you here too! The <a href=\"https:\/\/cloudinary.com\/documentation\/effects_and_artistic_enhancements#generative_fill\">generative fill<\/a> transformation extends a photo to fit specific dimensions. Because it uses AI, you never quite know what you\u2019re going to get, but perhaps it can provide some interesting ideas!<\/p>\n<p>Here\u2019s the original picture of a house:<\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/docs\/diy-house.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_scale,w_400\/docs\/diy-house.jpg\" alt=\"Original house\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"400\" height=\"273\"\/><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>First, we can <a href=\"https:\/\/cloudinary.com\/documentation\/dam_editing_and_transformations#edit_images\">crop the image<\/a> roughly where we\u2019d like the extension to start, and save this as a new image in Cloudinary:<\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><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;docs\\\/diy-house_cropped.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;)&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;docs\\\/diy-house_cropped.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&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;docs\\\/diy-house_cropped.jpg\\&quot; &gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/diy-house_cropped.jpg\\&quot; &gt;\\n\\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;docs\\\/diy-house_cropped.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&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;docs\\\/diy-house_cropped.jpg\\&quot; &gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/diy-house_cropped.jpg\\&quot; &gt;\\n\\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;docs\\\/diy-house_cropped.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&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;docs\\\/diy-house_cropped.jpg\\&quot; &gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/diy-house_cropped.jpg\\&quot; &gt;\\n\\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;docs\\\/diy-house_cropped.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&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;docs\\\/diy-house_cropped.jpg&#039;).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/diy-house_cropped.jpg&#039;).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;docs\\\/diy-house_cropped.jpg\\&quot;).image()&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;).image()&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;docs\\\/diy-house_cropped.jpg&#039;));&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/diy-house_cropped.jpg&#039;));&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;docs\\\/diy-house_cropped.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;)&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().imageTag(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().imageTag(\\&quot;docs\\\/diy-house_cropped.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;docs\\\/diy-house_cropped.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;)&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.BuildImageTag(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.BuildImageTag(\\&quot;docs\\\/diy-house_cropped.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;docs\\\/diy-house_cropped.jpg&#039;).transformation(Transformation());&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-house_cropped.jpg&#039;).transformation(Transformation());&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().generate(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().generate(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;)!, 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().generate(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().generate(\\&quot;docs\\\/diy-house_cropped.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;docs\\\/diy-house_cropped.jpg&#039;).transformation(Transformation());&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-house_cropped.jpg&#039;).transformation(Transformation());&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;docs\\\/diy-house_cropped.jpg\\&quot;) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;) \\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;docs\\\/diy-house_cropped.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/diy-house_cropped.jpg\\&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;docs\\\/diy-house_cropped.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&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\\\/docs\\\/diy-house_cropped.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;transformation_string&quot;:&quot;&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/diy-house_cropped.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;&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><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/docs\/diy-house_cropped.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_scale,w_200\/docs\/diy-house_cropped.jpg\" alt=\"Cropped image of a house\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"200\" height=\"356\"\/><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>We can then use generative AI to extend the house by specifying the original dimensions and using a pad crop with a generative-filled background (<code>b_gen_fill,c_pad,h_873,w_1280<\/code>):<\/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;docs\\\/diy-house_cropped.jpg\\&quot;, {background: \\&quot;gen_fill\\&quot;, height: 873, width: 1280, crop: \\&quot;pad\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;, {background: \\&quot;gen_fill\\&quot;, height: 873, width: 1280, crop: \\&quot;pad\\&quot;})&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;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .background(generativeFill())\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .background(generativeFill())\\n);&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;docs\\\/diy-house_cropped.jpg\\&quot; &gt; &lt;Transformation background=\\&quot;gen_fill\\&quot; height=\\&quot;873\\&quot; width=\\&quot;1280\\&quot; crop=\\&quot;pad\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/diy-house_cropped.jpg\\&quot; &gt;\\n\\t&lt;Transformation background=\\&quot;gen_fill\\&quot; height=\\&quot;873\\&quot; width=\\&quot;1280\\&quot; crop=\\&quot;pad\\&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;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .background(generativeFill())\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .background(generativeFill())\\n);&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;docs\\\/diy-house_cropped.jpg\\&quot; &gt; &lt;cld-transformation background=\\&quot;gen_fill\\&quot; height=\\&quot;873\\&quot; width=\\&quot;1280\\&quot; crop=\\&quot;pad\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/diy-house_cropped.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation background=\\&quot;gen_fill\\&quot; height=\\&quot;873\\&quot; width=\\&quot;1280\\&quot; crop=\\&quot;pad\\&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;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .background(generativeFill())\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .background(generativeFill())\\n);&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;docs\\\/diy-house_cropped.jpg\\&quot; &gt; &lt;cl-transformation background=\\&quot;gen_fill\\&quot; height=\\&quot;873\\&quot; width=\\&quot;1280\\&quot; crop=\\&quot;pad\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/diy-house_cropped.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation background=\\&quot;gen_fill\\&quot; height=\\&quot;873\\&quot; width=\\&quot;1280\\&quot; crop=\\&quot;pad\\&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;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .background(generativeFill())\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .background(generativeFill())\\n);&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;docs\\\/diy-house_cropped.jpg&#039;, {background: \\&quot;gen_fill\\&quot;, height: 873, width: 1280, crop: \\&quot;pad\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/diy-house_cropped.jpg&#039;, {background: \\&quot;gen_fill\\&quot;, height: 873, width: 1280, crop: \\&quot;pad\\&quot;}).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;docs\\\/diy-house_cropped.jpg\\&quot;).image(background=\\&quot;gen_fill\\&quot;, height=873, width=1280, crop=\\&quot;pad\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;).image(background=\\&quot;gen_fill\\&quot;, height=873, width=1280, crop=\\&quot;pad\\&quot;)&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;docs\\\/diy-house_cropped.jpg&#039;))\\n\\t-&gt;resize(Resize::pad()-&gt;width(1280)\\n-&gt;height(873)\\n\\t-&gt;background(\\n\\tBackground::generativeFill())\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/diy-house_cropped.jpg&#039;))\\n\\t-&gt;resize(Resize::pad()-&gt;width(1280)\\n-&gt;height(873)\\n\\t-&gt;background(\\n\\tBackground::generativeFill())\\n\\t);&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;docs\\\/diy-house_cropped.jpg\\&quot;, array(\\&quot;background\\&quot;=&gt;\\&quot;gen_fill\\&quot;, \\&quot;height\\&quot;=&gt;873, \\&quot;width\\&quot;=&gt;1280, \\&quot;crop\\&quot;=&gt;\\&quot;pad\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;, array(\\&quot;background\\&quot;=&gt;\\&quot;gen_fill\\&quot;, \\&quot;height\\&quot;=&gt;873, \\&quot;width\\&quot;=&gt;1280, \\&quot;crop\\&quot;=&gt;\\&quot;pad\\&quot;))&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().background(\\&quot;gen_fill\\&quot;).height(873).width(1280).crop(\\&quot;pad\\&quot;)).imageTag(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().background(\\&quot;gen_fill\\&quot;).height(873).width(1280).crop(\\&quot;pad\\&quot;)).imageTag(\\&quot;docs\\\/diy-house_cropped.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;docs\\\/diy-house_cropped.jpg\\&quot;, background: \\&quot;gen_fill\\&quot;, height: 873, width: 1280, crop: \\&quot;pad\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;, background: \\&quot;gen_fill\\&quot;, height: 873, width: 1280, crop: \\&quot;pad\\&quot;)&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().Background(\\&quot;gen_fill\\&quot;).Height(873).Width(1280).Crop(\\&quot;pad\\&quot;)).BuildImageTag(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Background(\\&quot;gen_fill\\&quot;).Height(873).Width(1280).Crop(\\&quot;pad\\&quot;)).BuildImageTag(\\&quot;docs\\\/diy-house_cropped.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;docs\\\/diy-house_cropped.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.pad().width(1280)\\n.height(873)\\n\\t.background(\\n\\tBackground.generativeFill())\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-house_cropped.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.pad().width(1280)\\n.height(873)\\n\\t.background(\\n\\tBackground.generativeFill())\\n\\t));&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().setBackground(\\&quot;gen_fill\\&quot;).setHeight(873).setWidth(1280).setCrop(\\&quot;pad\\&quot;)).generate(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setBackground(\\&quot;gen_fill\\&quot;).setHeight(873).setWidth(1280).setCrop(\\&quot;pad\\&quot;)).generate(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;)!, 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().background(\\&quot;gen_fill\\&quot;).height(873).width(1280).crop(\\&quot;pad\\&quot;)).generate(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().background(\\&quot;gen_fill\\&quot;).height(873).width(1280).crop(\\&quot;pad\\&quot;)).generate(\\&quot;docs\\\/diy-house_cropped.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;docs\\\/diy-house_cropped.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.pad().width(1280)\\n.height(873)\\n\\t.background(\\n\\tBackground.generativeFill())\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-house_cropped.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.pad().width(1280)\\n.height(873)\\n\\t.background(\\n\\tBackground.generativeFill())\\n\\t));&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;docs\\\/diy-house_cropped.jpg\\&quot;)\\n\\t resize(Resize.pad() { width(1280)\\n height(873)\\n\\t background(\\n\\tBackground.generativeFill())\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;)\\n\\t resize(Resize.pad() { width(1280)\\n height(873)\\n\\t background(\\n\\tBackground.generativeFill())\\n\\t }) \\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;docs\\\/diy-house_cropped.jpg\\&quot;, {background: \\&quot;gen_fill\\&quot;, height: 873, width: 1280, crop: \\&quot;pad\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;, {background: \\&quot;gen_fill\\&quot;, height: 873, width: 1280, crop: \\&quot;pad\\&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;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .background(generativeFill())\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .background(generativeFill())\\n);&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\\\/b_gen_fill,c_pad,h_873,w_1280\\\/docs\\\/diy-house_cropped.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;background&quot;:&quot;gen_fill&quot;,&quot;crop_mode&quot;:&quot;pad&quot;,&quot;height&quot;:&quot;873&quot;,&quot;width&quot;:&quot;1280&quot;}],&quot;transformation_string&quot;:&quot;b_gen_fill,c_pad,h_873,w_1280&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/diy-house_cropped.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;&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><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/b_gen_fill,c_pad,h_873,w_1280\/docs\/diy-house_cropped.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/b_gen_fill,c_pad,h_873,w_1280\/w_400\/docs\/diy-house_cropped.jpg\" alt=\"Extend the house on both sides\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"400\" height=\"273\"\/><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>Interestingly, an extra garage was added on the left side. We can try extending the photo only to the right side by specifying a <code>gravity<\/code> of <code>west<\/code> (<code>g_west<\/code>), which will give us even more inspiration (if a little impractical!):<\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><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;docs\\\/diy-house_cropped.jpg\\&quot;, {background: \\&quot;gen_fill\\&quot;, gravity: \\&quot;west\\&quot;, height: 873, width: 1280, crop: \\&quot;pad\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;, {background: \\&quot;gen_fill\\&quot;, gravity: \\&quot;west\\&quot;, height: 873, width: 1280, crop: \\&quot;pad\\&quot;})&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;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .gravity(compass(\\&quot;west\\&quot;))\\n    .background(generativeFill())\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .gravity(compass(\\&quot;west\\&quot;))\\n    .background(generativeFill())\\n);&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;docs\\\/diy-house_cropped.jpg\\&quot; &gt; &lt;Transformation background=\\&quot;gen_fill\\&quot; gravity=\\&quot;west\\&quot; height=\\&quot;873\\&quot; width=\\&quot;1280\\&quot; crop=\\&quot;pad\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/diy-house_cropped.jpg\\&quot; &gt;\\n\\t&lt;Transformation background=\\&quot;gen_fill\\&quot; gravity=\\&quot;west\\&quot; height=\\&quot;873\\&quot; width=\\&quot;1280\\&quot; crop=\\&quot;pad\\&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;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .gravity(compass(\\&quot;west\\&quot;))\\n    .background(generativeFill())\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .gravity(compass(\\&quot;west\\&quot;))\\n    .background(generativeFill())\\n);&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;docs\\\/diy-house_cropped.jpg\\&quot; &gt; &lt;cld-transformation background=\\&quot;gen_fill\\&quot; gravity=\\&quot;west\\&quot; height=\\&quot;873\\&quot; width=\\&quot;1280\\&quot; crop=\\&quot;pad\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/diy-house_cropped.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation background=\\&quot;gen_fill\\&quot; gravity=\\&quot;west\\&quot; height=\\&quot;873\\&quot; width=\\&quot;1280\\&quot; crop=\\&quot;pad\\&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;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .gravity(compass(\\&quot;west\\&quot;))\\n    .background(generativeFill())\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .gravity(compass(\\&quot;west\\&quot;))\\n    .background(generativeFill())\\n);&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;docs\\\/diy-house_cropped.jpg\\&quot; &gt; &lt;cl-transformation background=\\&quot;gen_fill\\&quot; gravity=\\&quot;west\\&quot; height=\\&quot;873\\&quot; width=\\&quot;1280\\&quot; crop=\\&quot;pad\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/diy-house_cropped.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation background=\\&quot;gen_fill\\&quot; gravity=\\&quot;west\\&quot; height=\\&quot;873\\&quot; width=\\&quot;1280\\&quot; crop=\\&quot;pad\\&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;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .gravity(compass(\\&quot;west\\&quot;))\\n    .background(generativeFill())\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .gravity(compass(\\&quot;west\\&quot;))\\n    .background(generativeFill())\\n);&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;docs\\\/diy-house_cropped.jpg&#039;, {background: \\&quot;gen_fill\\&quot;, gravity: \\&quot;west\\&quot;, height: 873, width: 1280, crop: \\&quot;pad\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/diy-house_cropped.jpg&#039;, {background: \\&quot;gen_fill\\&quot;, gravity: \\&quot;west\\&quot;, height: 873, width: 1280, crop: \\&quot;pad\\&quot;}).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;docs\\\/diy-house_cropped.jpg\\&quot;).image(background=\\&quot;gen_fill\\&quot;, gravity=\\&quot;west\\&quot;, height=873, width=1280, crop=\\&quot;pad\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;).image(background=\\&quot;gen_fill\\&quot;, gravity=\\&quot;west\\&quot;, height=873, width=1280, crop=\\&quot;pad\\&quot;)&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;docs\\\/diy-house_cropped.jpg&#039;))\\n\\t-&gt;resize(Resize::pad()-&gt;width(1280)\\n-&gt;height(873)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::west()))\\n\\t-&gt;background(\\n\\tBackground::generativeFill())\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/diy-house_cropped.jpg&#039;))\\n\\t-&gt;resize(Resize::pad()-&gt;width(1280)\\n-&gt;height(873)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::west()))\\n\\t-&gt;background(\\n\\tBackground::generativeFill())\\n\\t);&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;docs\\\/diy-house_cropped.jpg\\&quot;, array(\\&quot;background\\&quot;=&gt;\\&quot;gen_fill\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;west\\&quot;, \\&quot;height\\&quot;=&gt;873, \\&quot;width\\&quot;=&gt;1280, \\&quot;crop\\&quot;=&gt;\\&quot;pad\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;, array(\\&quot;background\\&quot;=&gt;\\&quot;gen_fill\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;west\\&quot;, \\&quot;height\\&quot;=&gt;873, \\&quot;width\\&quot;=&gt;1280, \\&quot;crop\\&quot;=&gt;\\&quot;pad\\&quot;))&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().background(\\&quot;gen_fill\\&quot;).gravity(\\&quot;west\\&quot;).height(873).width(1280).crop(\\&quot;pad\\&quot;)).imageTag(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().background(\\&quot;gen_fill\\&quot;).gravity(\\&quot;west\\&quot;).height(873).width(1280).crop(\\&quot;pad\\&quot;)).imageTag(\\&quot;docs\\\/diy-house_cropped.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;docs\\\/diy-house_cropped.jpg\\&quot;, background: \\&quot;gen_fill\\&quot;, gravity: \\&quot;west\\&quot;, height: 873, width: 1280, crop: \\&quot;pad\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;, background: \\&quot;gen_fill\\&quot;, gravity: \\&quot;west\\&quot;, height: 873, width: 1280, crop: \\&quot;pad\\&quot;)&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().Background(\\&quot;gen_fill\\&quot;).Gravity(\\&quot;west\\&quot;).Height(873).Width(1280).Crop(\\&quot;pad\\&quot;)).BuildImageTag(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Background(\\&quot;gen_fill\\&quot;).Gravity(\\&quot;west\\&quot;).Height(873).Width(1280).Crop(\\&quot;pad\\&quot;)).BuildImageTag(\\&quot;docs\\\/diy-house_cropped.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;docs\\\/diy-house_cropped.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.pad().width(1280)\\n.height(873)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n\\t.background(\\n\\tBackground.generativeFill())\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-house_cropped.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.pad().width(1280)\\n.height(873)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n\\t.background(\\n\\tBackground.generativeFill())\\n\\t));&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().setBackground(\\&quot;gen_fill\\&quot;).setGravity(\\&quot;west\\&quot;).setHeight(873).setWidth(1280).setCrop(\\&quot;pad\\&quot;)).generate(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setBackground(\\&quot;gen_fill\\&quot;).setGravity(\\&quot;west\\&quot;).setHeight(873).setWidth(1280).setCrop(\\&quot;pad\\&quot;)).generate(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;)!, 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().background(\\&quot;gen_fill\\&quot;).gravity(\\&quot;west\\&quot;).height(873).width(1280).crop(\\&quot;pad\\&quot;)).generate(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().background(\\&quot;gen_fill\\&quot;).gravity(\\&quot;west\\&quot;).height(873).width(1280).crop(\\&quot;pad\\&quot;)).generate(\\&quot;docs\\\/diy-house_cropped.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;docs\\\/diy-house_cropped.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.pad().width(1280)\\n.height(873)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n\\t.background(\\n\\tBackground.generativeFill())\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/diy-house_cropped.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.pad().width(1280)\\n.height(873)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n\\t.background(\\n\\tBackground.generativeFill())\\n\\t));&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;docs\\\/diy-house_cropped.jpg\\&quot;)\\n\\t resize(Resize.pad() { width(1280)\\n height(873)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n\\t background(\\n\\tBackground.generativeFill())\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;)\\n\\t resize(Resize.pad() { width(1280)\\n height(873)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n\\t background(\\n\\tBackground.generativeFill())\\n\\t }) \\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;docs\\\/diy-house_cropped.jpg\\&quot;, {background: \\&quot;gen_fill\\&quot;, gravity: \\&quot;west\\&quot;, height: 873, width: 1280, crop: \\&quot;pad\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;, {background: \\&quot;gen_fill\\&quot;, gravity: \\&quot;west\\&quot;, height: 873, width: 1280, crop: \\&quot;pad\\&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;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .gravity(compass(\\&quot;west\\&quot;))\\n    .background(generativeFill())\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/diy-house_cropped.jpg\\&quot;).resize(\\n  pad()\\n    .width(1280)\\n    .height(873)\\n    .gravity(compass(\\&quot;west\\&quot;))\\n    .background(generativeFill())\\n);&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\\\/b_gen_fill,c_pad,g_west,h_873,w_1280\\\/docs\\\/diy-house_cropped.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;background&quot;:&quot;gen_fill&quot;,&quot;crop_mode&quot;:&quot;pad&quot;,&quot;gravity&quot;:&quot;west&quot;,&quot;height&quot;:&quot;873&quot;,&quot;width&quot;:&quot;1280&quot;}],&quot;transformation_string&quot;:&quot;b_gen_fill,c_pad,g_west,h_873,w_1280&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/diy-house_cropped.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;&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><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/b_gen_fill,c_pad,g_west,h_873,w_1280\/docs\/diy-house_cropped.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/b_gen_fill,c_pad,g_west,h_873,w_1280\/c_scale,w_400\/docs\/diy-house_cropped.jpg\" alt=\"Extend out only to the right\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"400\" height=\"273\"\/><\/a><\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>Using generative fill this way isn\u2019t its intended purpose, but it works best when you have a clear subject and want to extend the background naturally to fixed dimensions. A bit like this:<\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><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;docs\\\/garden-gnome.jpg\\&quot;, {background: \\&quot;gen_fill\\&quot;, height: 1230, width: 2000, crop: \\&quot;pad\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;docs\\\/garden-gnome.jpg\\&quot;, {background: \\&quot;gen_fill\\&quot;, height: 1230, width: 2000, crop: \\&quot;pad\\&quot;})&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;docs\\\/garden-gnome.jpg\\&quot;).resize(\\n  pad()\\n    .width(2000)\\n    .height(1230)\\n    .background(generativeFill())\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/garden-gnome.jpg\\&quot;).resize(\\n  pad()\\n    .width(2000)\\n    .height(1230)\\n    .background(generativeFill())\\n);&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;docs\\\/garden-gnome.jpg\\&quot; &gt; &lt;Transformation background=\\&quot;gen_fill\\&quot; height=\\&quot;1230\\&quot; width=\\&quot;2000\\&quot; crop=\\&quot;pad\\&quot; \\\/&gt; &lt;\\\/Image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Image publicId=\\&quot;docs\\\/garden-gnome.jpg\\&quot; &gt;\\n\\t&lt;Transformation background=\\&quot;gen_fill\\&quot; height=\\&quot;1230\\&quot; width=\\&quot;2000\\&quot; crop=\\&quot;pad\\&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;docs\\\/garden-gnome.jpg\\&quot;).resize(\\n  pad()\\n    .width(2000)\\n    .height(1230)\\n    .background(generativeFill())\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/garden-gnome.jpg\\&quot;).resize(\\n  pad()\\n    .width(2000)\\n    .height(1230)\\n    .background(generativeFill())\\n);&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;docs\\\/garden-gnome.jpg\\&quot; &gt; &lt;cld-transformation background=\\&quot;gen_fill\\&quot; height=\\&quot;1230\\&quot; width=\\&quot;2000\\&quot; crop=\\&quot;pad\\&quot; \\\/&gt; &lt;\\\/cld-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-image public-id=\\&quot;docs\\\/garden-gnome.jpg\\&quot; &gt;\\n\\t&lt;cld-transformation background=\\&quot;gen_fill\\&quot; height=\\&quot;1230\\&quot; width=\\&quot;2000\\&quot; crop=\\&quot;pad\\&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;docs\\\/garden-gnome.jpg\\&quot;).resize(\\n  pad()\\n    .width(2000)\\n    .height(1230)\\n    .background(generativeFill())\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/garden-gnome.jpg\\&quot;).resize(\\n  pad()\\n    .width(2000)\\n    .height(1230)\\n    .background(generativeFill())\\n);&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;docs\\\/garden-gnome.jpg\\&quot; &gt; &lt;cl-transformation background=\\&quot;gen_fill\\&quot; height=\\&quot;1230\\&quot; width=\\&quot;2000\\&quot; crop=\\&quot;pad\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-image&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-image public-id=\\&quot;docs\\\/garden-gnome.jpg\\&quot; &gt;\\n\\t&lt;cl-transformation background=\\&quot;gen_fill\\&quot; height=\\&quot;1230\\&quot; width=\\&quot;2000\\&quot; crop=\\&quot;pad\\&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;docs\\\/garden-gnome.jpg\\&quot;).resize(\\n  pad()\\n    .width(2000)\\n    .height(1230)\\n    .background(generativeFill())\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/garden-gnome.jpg\\&quot;).resize(\\n  pad()\\n    .width(2000)\\n    .height(1230)\\n    .background(generativeFill())\\n);&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;docs\\\/garden-gnome.jpg&#039;, {background: \\&quot;gen_fill\\&quot;, height: 1230, width: 2000, crop: \\&quot;pad\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.imageTag(&#039;docs\\\/garden-gnome.jpg&#039;, {background: \\&quot;gen_fill\\&quot;, height: 1230, width: 2000, crop: \\&quot;pad\\&quot;}).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;docs\\\/garden-gnome.jpg\\&quot;).image(background=\\&quot;gen_fill\\&quot;, height=1230, width=2000, crop=\\&quot;pad\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryImage(\\&quot;docs\\\/garden-gnome.jpg\\&quot;).image(background=\\&quot;gen_fill\\&quot;, height=1230, width=2000, crop=\\&quot;pad\\&quot;)&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;docs\\\/garden-gnome.jpg&#039;))\\n\\t-&gt;resize(Resize::pad()-&gt;width(2000)\\n-&gt;height(1230)\\n\\t-&gt;background(\\n\\tBackground::generativeFill())\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;docs\\\/garden-gnome.jpg&#039;))\\n\\t-&gt;resize(Resize::pad()-&gt;width(2000)\\n-&gt;height(1230)\\n\\t-&gt;background(\\n\\tBackground::generativeFill())\\n\\t);&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;docs\\\/garden-gnome.jpg\\&quot;, array(\\&quot;background\\&quot;=&gt;\\&quot;gen_fill\\&quot;, \\&quot;height\\&quot;=&gt;1230, \\&quot;width\\&quot;=&gt;2000, \\&quot;crop\\&quot;=&gt;\\&quot;pad\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/garden-gnome.jpg\\&quot;, array(\\&quot;background\\&quot;=&gt;\\&quot;gen_fill\\&quot;, \\&quot;height\\&quot;=&gt;1230, \\&quot;width\\&quot;=&gt;2000, \\&quot;crop\\&quot;=&gt;\\&quot;pad\\&quot;))&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().background(\\&quot;gen_fill\\&quot;).height(1230).width(2000).crop(\\&quot;pad\\&quot;)).imageTag(\\&quot;docs\\\/garden-gnome.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().background(\\&quot;gen_fill\\&quot;).height(1230).width(2000).crop(\\&quot;pad\\&quot;)).imageTag(\\&quot;docs\\\/garden-gnome.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;docs\\\/garden-gnome.jpg\\&quot;, background: \\&quot;gen_fill\\&quot;, height: 1230, width: 2000, crop: \\&quot;pad\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;docs\\\/garden-gnome.jpg\\&quot;, background: \\&quot;gen_fill\\&quot;, height: 1230, width: 2000, crop: \\&quot;pad\\&quot;)&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().Background(\\&quot;gen_fill\\&quot;).Height(1230).Width(2000).Crop(\\&quot;pad\\&quot;)).BuildImageTag(\\&quot;docs\\\/garden-gnome.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlImgUp.Transform(new Transformation().Background(\\&quot;gen_fill\\&quot;).Height(1230).Width(2000).Crop(\\&quot;pad\\&quot;)).BuildImageTag(\\&quot;docs\\\/garden-gnome.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;docs\\\/garden-gnome.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.pad().width(2000)\\n.height(1230)\\n\\t.background(\\n\\tBackground.generativeFill())\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/garden-gnome.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.pad().width(2000)\\n.height(1230)\\n\\t.background(\\n\\tBackground.generativeFill())\\n\\t));&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().setBackground(\\&quot;gen_fill\\&quot;).setHeight(1230).setWidth(2000).setCrop(\\&quot;pad\\&quot;)).generate(\\&quot;docs\\\/garden-gnome.jpg\\&quot;)!, cloudinary: cloudinary)&quot;,&quot;codeSnippet&quot;:&quot;imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setBackground(\\&quot;gen_fill\\&quot;).setHeight(1230).setWidth(2000).setCrop(\\&quot;pad\\&quot;)).generate(\\&quot;docs\\\/garden-gnome.jpg\\&quot;)!, 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().background(\\&quot;gen_fill\\&quot;).height(1230).width(2000).crop(\\&quot;pad\\&quot;)).generate(\\&quot;docs\\\/garden-gnome.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().background(\\&quot;gen_fill\\&quot;).height(1230).width(2000).crop(\\&quot;pad\\&quot;)).generate(\\&quot;docs\\\/garden-gnome.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;docs\\\/garden-gnome.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.pad().width(2000)\\n.height(1230)\\n\\t.background(\\n\\tBackground.generativeFill())\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;docs\\\/garden-gnome.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.pad().width(2000)\\n.height(1230)\\n\\t.background(\\n\\tBackground.generativeFill())\\n\\t));&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;docs\\\/garden-gnome.jpg\\&quot;)\\n\\t resize(Resize.pad() { width(2000)\\n height(1230)\\n\\t background(\\n\\tBackground.generativeFill())\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;docs\\\/garden-gnome.jpg\\&quot;)\\n\\t resize(Resize.pad() { width(2000)\\n height(1230)\\n\\t background(\\n\\tBackground.generativeFill())\\n\\t }) \\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;docs\\\/garden-gnome.jpg\\&quot;, {background: \\&quot;gen_fill\\&quot;, height: 1230, width: 2000, crop: \\&quot;pad\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;docs\\\/garden-gnome.jpg\\&quot;, {background: \\&quot;gen_fill\\&quot;, height: 1230, width: 2000, crop: \\&quot;pad\\&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;docs\\\/garden-gnome.jpg\\&quot;).resize(\\n  pad()\\n    .width(2000)\\n    .height(1230)\\n    .background(generativeFill())\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;docs\\\/garden-gnome.jpg\\&quot;).resize(\\n  pad()\\n    .width(2000)\\n    .height(1230)\\n    .background(generativeFill())\\n);&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\\\/b_gen_fill,c_pad,h_1230,w_2000\\\/docs\\\/garden-gnome.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;background&quot;:&quot;gen_fill&quot;,&quot;crop_mode&quot;:&quot;pad&quot;,&quot;height&quot;:&quot;1230&quot;,&quot;width&quot;:&quot;2000&quot;}],&quot;transformation_string&quot;:&quot;b_gen_fill,c_pad,h_1230,w_2000&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/garden-gnome.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;&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<div style=\"clear: both; margin-bottom: 20px\">\n<\/div>\n<div style=\"text-align:center;\">\n<span style=\"display:inline-block;vertical-align:top;\">\n<a href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/docs\/garden-gnome.jpg\" target =\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/c_scale,h_200\/docs\/garden-gnome.jpg\" alt=\"Original image of a gnome\" title=\"Original image of a gnome\" style=\"margin-right: 30px;display:block;\" \/><\/a>\n<b style=\"margin-right: 30px;display:block;\">Original image<\/b>\n<\/span>\n<span style=\"display:inline-block;vertical-align:top;\">\n<a href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/b_gen_fill,c_pad,h_1230,w_2000\/docs\/garden-gnome.jpg\" target =\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/b_gen_fill,c_pad,h_1230,w_2000\/c_scale,h_200\/docs\/garden-gnome.jpg\" alt=\"Background extended\" title=\"Background extended\" style=\"margin-right: 30px;display:block;\" \/><\/a>\n<b style=\"margin-right: 30px;display:block;\">Background extended<\/b>\n<\/span>\n<\/div>\n<div style=\"clear: both; margin-bottom: 20px\">\n<\/div>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><p>Aww, gnome sweet gnome!<\/p>\n<\/div>\n\n<div class=\"wp-block-cloudinary-markdown \"><h2>Bringing It Home<\/h2>\n<p>Cloudinary\u2019s new generative AI transformations are both fun to play with but also provide practical use cases. Using AI means that you don\u2019t have to manually edit images anymore. Whether you\u2019re trying out different colors, or making your home look more attractive, by incorporating some of these techniques into your workflows, you\u2019re definitely making the right move. Sign up for a free <a href=\"https:\/\/cloudinary.com\/\">Cloudinary account<\/a> today and try it yourself.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":51,"featured_media":30758,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[336,409,165],"class_list":["post-30548","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-ai","tag-generative-ai","tag-image-transformation"],"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>DIY Home Improvements With Generative AI<\/title>\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\/diy-home-improvements-with-generative-ai\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"DIY Home Improvements With Generative AI\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-10T14:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-24T02:05:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1690907918\/Blog-interior-design\/Blog-interior-design-jpg?_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\/jpeg\" \/>\n<meta name=\"author\" content=\"carolinelevison\" \/>\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\/diy-home-improvements-with-generative-ai#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai\"},\"author\":{\"name\":\"carolinelevison\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/3aa69a111d568040952bbae297d8c8fb\"},\"headline\":\"DIY Home Improvements With Generative AI\",\"datePublished\":\"2023-08-10T14:00:00+00:00\",\"dateModified\":\"2025-01-24T02:05:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai\"},\"wordCount\":6,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1690907918\/Blog-interior-design\/Blog-interior-design.jpg?_i=AA\",\"keywords\":[\"AI\",\"Generative AI\",\"Image Transformation\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2023\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai\",\"url\":\"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai\",\"name\":\"DIY Home Improvements With Generative AI\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1690907918\/Blog-interior-design\/Blog-interior-design.jpg?_i=AA\",\"datePublished\":\"2023-08-10T14:00:00+00:00\",\"dateModified\":\"2025-01-24T02:05:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1690907918\/Blog-interior-design\/Blog-interior-design.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1690907918\/Blog-interior-design\/Blog-interior-design.jpg?_i=AA\",\"width\":2000,\"height\":1100},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"DIY Home Improvements With Generative AI\"}]},{\"@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\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/3aa69a111d568040952bbae297d8c8fb\",\"name\":\"carolinelevison\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/84ac4e7f81e08358ca4d375889c0a8ffff006b90ba8a469d27d206229f779912?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/84ac4e7f81e08358ca4d375889c0a8ffff006b90ba8a469d27d206229f779912?s=96&d=mm&r=g\",\"caption\":\"carolinelevison\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"DIY Home Improvements With Generative AI","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\/diy-home-improvements-with-generative-ai","og_locale":"en_US","og_type":"article","og_title":"DIY Home Improvements With Generative AI","og_url":"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai","og_site_name":"Cloudinary Blog","article_published_time":"2023-08-10T14:00:00+00:00","article_modified_time":"2025-01-24T02:05:26+00:00","og_image":[{"width":2000,"height":1100,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1690907918\/Blog-interior-design\/Blog-interior-design-jpg?_i=AA","type":"image\/jpeg"}],"author":"carolinelevison","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai"},"author":{"name":"carolinelevison","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/3aa69a111d568040952bbae297d8c8fb"},"headline":"DIY Home Improvements With Generative AI","datePublished":"2023-08-10T14:00:00+00:00","dateModified":"2025-01-24T02:05:26+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai"},"wordCount":6,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1690907918\/Blog-interior-design\/Blog-interior-design.jpg?_i=AA","keywords":["AI","Generative AI","Image Transformation"],"inLanguage":"en-US","copyrightYear":"2023","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai","url":"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai","name":"DIY Home Improvements With Generative AI","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1690907918\/Blog-interior-design\/Blog-interior-design.jpg?_i=AA","datePublished":"2023-08-10T14:00:00+00:00","dateModified":"2025-01-24T02:05:26+00:00","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1690907918\/Blog-interior-design\/Blog-interior-design.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1690907918\/Blog-interior-design\/Blog-interior-design.jpg?_i=AA","width":2000,"height":1100},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/diy-home-improvements-with-generative-ai#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"DIY Home Improvements With Generative AI"}]},{"@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":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/3aa69a111d568040952bbae297d8c8fb","name":"carolinelevison","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/84ac4e7f81e08358ca4d375889c0a8ffff006b90ba8a469d27d206229f779912?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/84ac4e7f81e08358ca4d375889c0a8ffff006b90ba8a469d27d206229f779912?s=96&d=mm&r=g","caption":"carolinelevison"}}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1690907918\/Blog-interior-design\/Blog-interior-design.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/30548","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\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=30548"}],"version-history":[{"count":102,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/30548\/revisions"}],"predecessor-version":[{"id":36601,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/30548\/revisions\/36601"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/30758"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=30548"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=30548"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=30548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}