{"id":36208,"date":"2024-11-05T07:00:00","date_gmt":"2024-11-05T15:00:00","guid":{"rendered":"https:\/\/cloudinary.com\/blog\/?p=36208"},"modified":"2025-03-23T13:14:32","modified_gmt":"2025-03-23T20:14:32","slug":"transform-your-wordpress-images-with-generative-ai","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/transform-your-wordpress-images-with-generative-ai","title":{"rendered":"Transform Your WordPress Images With Generative AI"},"content":{"rendered":"\n

One of the key advantages of generative AI is its ability to transform raw images into polished, professional visuals with minimal effort. Whether you\u2019re removing backgrounds from product images, enhancing user-generated content, or adjusting product colors, AI takes care of the heavy lifting. <\/p>\n\n\n\n

In this blog, you’ll learn how to transform WordPress images with generative AI using the Cloudinary Plugin. Let\u2019s get started!<\/p>\n\n\n

Note:<\/strong>

We\u2019re going to cover just a few key options in this guide. For a comprehensive list of all available enhancements you can apply to your images and videos, see the <\/span>Transformation Reference<\/span><\/a>.<\/span><\/p>\n<\/div>\n\n\n <\/video>\n <\/cld-video-player>\n\n\n

Get Started<\/h2>\n\n\n\n

Follow these steps to get set up and ready to use the features we\u2019ll discuss in this blog post:<\/p>\n\n\n\n

    \n
  1. Sign up for free and try it yourself!<\/a><\/li>\n\n\n\n
  2. Install<\/a> the Cloudinary WordPress plugin. <\/li>\n\n\n\n
  3. Complete the setup wizard, following the instructions to add your connection string and select your sync and optimization settings.<\/li>\n<\/ol>\n\n\n\n

    Now you’re ready to transform your images!<\/p>\n\n\n\n

    Applying Transformations to Your Images<\/h3>\n\n\n\n

    Navigate to your WordPress media library, select an image, and click Add transformations<\/strong> to start applying AI-powered changes. Follow along with the transformations explained below.<\/p>\n\n\n\n

    \"Transform<\/figure>\n\n\n
    Tip:<\/strong>

    If you want to use the sample images featured in this blog, download them by using the provided URLs and upload them to your WordPress media library.<\/p>\n<\/div>\n\n\n

    Remove and Replace Background from Product Images<\/h2>\n\n\n\n

    Do you need a clean, background-free product image? Or perhaps you want to create a new scene for your product to better appeal to different audiences. With AI, background removal and replacement are a breeze.<\/p>\n\n\n\n

    Example 1: Leather Handbag<\/h3>\n\n\n
    \n
    \"Transform
    Original image
    https:\/\/res.cloudinary.com\/demo\/image\/
    upload\/leather_bag_gray.jpg<\/figcaption><\/figure><\/div>\n\n
    \n
    \"Transform
    Remove background
    https:\/\/res.cloudinary.com\/demo\/image\/
    upload\/e_background_removal\/
    leather_bag_gray.jpg<\/figcaption><\/figure><\/div>\n\n
    \n
    \"Transform
    Replace with city background
    https:\/\/res.cloudinary.com\/demo\/image\/
    upload\/e_gen_background_replace:city\/
    leather_bag_gray.jpg<\/figcaption><\/figure><\/div>\n\n\n

    Example 2: Sunset Shoes<\/h3>\n\n\n
    \n
    \"Transform
    Original image
    https:\/\/res.cloudinary.com\/demo\/image\/
    upload\/sunset_shoes.jpg<\/figcaption><\/figure><\/div>\n\n
    \n
    \"\"
    Remove background
    https:\/\/res.cloudinary.com\/demo\/image\/upload\/
    e_background_removal\/sunset_shoes.jpg<\/figcaption><\/figure><\/div>\n\n
    \n
    \"\"
    Replace with stadium background
    https:\/\/res.cloudinary.com\/demo\/image\/
    upload\/e_gen_background_replace:
    prompt_stadium\/sunset_shoes.jpg<\/figcaption><\/figure><\/div>\n\n\n

    To apply these transformations: <\/strong><\/p>\n\n\n\n

    Go to your WordPress media library, click Add Transformations<\/strong> next to the image, and enter one of these parameters:<\/p>\n\n\n\n