Skip to main content
All CollectionsDivi AI
How to Use the Divi AI Image Editor
How to Use the Divi AI Image Editor

Learn how to use the the Divi AI Image Editor to effortlessly create and edit stunning images directly within the Divi Builder.

Updated over 5 months ago

This article will guide you through the steps to use the Divi AI Image Editor effectively. Learn how to access the editor and explore its AI-driven capabilities, including image generation, background removal, color adjustments, and more.

How it works?

Divi AI now comes with an advanced AI Image Editor that you can use to modify images on the fly right inside the builder. You can generate new images from scratch, reimagine and change their styles, and use AI to modify specific details while preserving the rest.

Use a brush to paint the area of the image you want to change, then tell Divi AI how to change it. You can modify existing elements, add new objects, expand and fill the canvas, and upscale and enhance your images using the new Divi AI Image Editor.

Sketch And Generate New Objects

Divi AI - Image Editor

One of Divi AI Image Editor’s standout features is its ability to add new elements or modify existing elements within an image. You can use a brush to highlight the area you would like to change or use the sketch interface to add a rough sketch of an object you would like to add. Instruct Divi AI on modifying the highlighted area, and it will integrate your changes seamlessly into the original image.

This has many practical applications. You can make the desired change yourself in seconds instead of hunting for the perfect image. For example, I am working on the homepage for a bed and breakfast. The hero section has a background image of one of their beautiful bedrooms, but it’s hard to read the heading text because the background elements are competing.

  1. Open any Image based module (this also includes elements that have background images)

  2. Click on the AI icon

  3. Choose the Edit Image with AI option

  4. Choose the Modify option

  5. Click on the Image Sketch tab

  6. Choose the Paintbrush Size and Paint Color - we recommend using white #ffffff

  7. Paint over the Image part you want to change

  8. Add the Image Fill Description details

  9. Set the Modification Strength to 100%

  10. Click on the Generate Modified Image button

  11. Select one of the generated images

  12. Click on the Use This Image button

Expand And Fill To Create New Image Sizes

Divi AI - Image Editor - Expand and Fill

You can also change the aspect ratio of images, expand the image canvas, and let Divi AI fill in the blank space. It’s a great way to fit any photo into any layout.

For example, if you have a square image and you want to use it as a background image for a section, but since it’s square, it’s getting stretched to fill the space, resulting in a blurry, cropped image.

Instead of hunting for a new image, you can use Divi AI to expand the image’s width and change the aspect ratio to landscape. Divi AI seamlessly fills the blank space and gives me a new image that fits my design.

  1. Open the element's settings, which contains the image you want to change

  2. Click on the AI icon

  3. Choose Edit Image With AI option → Expand And Fill

  4. Choose the desired Aspect Ratio

  5. Place the original Image inside the box

  6. Add the Background Fill Description text

  7. Click on the Extend Image button

  8. Select one of the generated images

  9. Click on the Use This Image button

Enhance And Upscale

Divi Ai - Enhance and Upscale

You can use the Upscale tab and send the entire image back through Divi AI, along with any desired enhancements, such as increased detail, contrast, and saturation. The more power you give Divi AI to enhance your image, the more the original image will change.

Upscale

  1. Open the element's settings, which contains the image you want to change

  2. Click on the AI icon

  3. Choose Edit Image With AI option → Upscale

  4. Choose the Image Scale

  5. Click on the Upscale Image button

  6. Select one of the generated images

  7. Click on the Use This Image button

Enhance

The Enhance option is useful if the resulting images contain unwanted artifacts or if you want to increase the Saturation, Contrast, or Increase level of details.

You can keep the strength low for a bit of touchup or give Divi AI more freedom to reimagine the original image. A great way to work with the Divi AI Image Editor is to Modify a low-resolution image for faster results and iteration, then Enhance it when you get your desired result, and finally, upscale it to the optimal resolution. This will give you a beautiful, high-resolution image.

  1. Open the element's settings, which contains the image you want to change

  2. Click on the AI icon

  3. Choose Edit Image With AI option → Enhance

  4. Choose the enhancements you want to apply to your image

  5. Choose the level of strength that you want to apply

  6. Click on the Enhance Image button

  7. Select one of the generated images

  8. Click on the Use This Image button


Additional Resources

Did this answer your question?