Learn how to use Divi IA, specify requirements, and customize the images generated to integrate seamlessly into your website design.
In this article, we will guide you in using Divi IA to generate images for your website. Our step-by-step instructions will help you use artificial intelligence to produce impressive images, including backgrounds, banners and illustrations.
Generating images with Divi IA is simple. You tell Divi what kind of image you want, you choose a style and let AI do its job. In seconds, Divi IA will create four unique images. If you like one of them, you can generate additional variations to bring you closer to the perfect result.
Image generation with Divi AI can be used in two different ways:
Generate with AI- Requires you to indicate what kind of image you want to generate, style, a reference image (optional), what aspect ratio the image should have and also its size.
Generate Automatically- This is the automatic process by which Divi IA generates a new image based on the context of your page. It is usually used when you already have an established design, which includes other images and related text.
Note:If you are not satisfied with the first result, you can use the fieldNew Descriptionto tell Divi IA the type of image you want.
Open the image module settings by clicking on thegear icon.
Click onAI icon.
Choose the optionGenerate with AI.
Choose aImage Style. This allows you to define a style for your image. Options include: photography, digital painting, concept art, vector graphics, 3D rendering, drawing, abstract art, comic, watercolor, painting, anime, cartoon or none.
Provides aImage Descriptionfor the image you want to generate.
Choose aReference Image(optional). This option allows you to upload an image that Divi IA can use as a style reference.
For example, if you like the general style and feel of an image, you can upload it as a reference and then use the description to create a completely new image based on that reference.
In addition, you can adjust the slider ofInfluence of the Reference Imageto decide how much you want the reference image to influence your description (and vice versa).
Choose theRelationship of Aspect. The default is 1:1 (square).
Choose theSizeof the image. Depending on the selected aspect ratio, when entering a desired width value, the high value will automatically be adjusted to match the selected ratio.
Click the buttonGenerate.
Choose and use one of the 4 images Divi IA generates, or continue to generate another batch of 4 images.
Notes:
Once Divi IA generates the first four images, you can continue to generate batches of four new images, choose the image you want to use or modify the selected image by providing a new style and description.
If you want to generate an image that does not fit into any of the aspect ratios available, choose the optionCustom size.
In addition to theImage Styleswhich allow you to choose the style of the generated image, and theImage Description, you can also upload aReference Imageand choose theRelationship of Aspectand theImage Size.
Image Style:Choose the style of the generated image.
Reference Image(optional): If your image is based on a particular appearance or style, you can upload a reference image here.
Aspect Relationship:Choose between square (1:1), horizontal (8:5), vertical (3:4) or add a custom size.
Size:Set a custom size for your image.
Open the image module settings by clicking on thegear icon.
Click onDivi IA icon.
Choose the optionGenerate Automatically.
Divi IA will generate 4 images based on all the content of your page. This option is best suited when the page where the image module is located already contains content such as other image modules and text modules.
On one page, pre-designed design importsFashion Stylist Landing Page.
Add the image module and open its settings by clicking on thegear icon.
On the tabContent → Imagehover your cursor over theDivi IA icon.
Choose the optionGenerate Automatically.
The optionEdit image with artificial intelligenceallows you to make additional changes to any image on your page, such as:
Amend:Add new items or modify existing elements within an image. You can use a brush to highlight the area you want to change or use the sketch interface to add an approximate drawing of the object you want to add.
Expand and fill in:It expands the width of the image and changes its aspect ratio. Divi IA will smoothly fill in the blank space, providing you with a new image that fits your design perfectly.
Increase resolution:Scale the original image 2, 3 or 4 times.
Improve:Removes unwanted artifacts and can increase saturation, contrast and level of detail. The improvement intensity slider lets you choose the level of improvement applied to the new image.
See the articleHow to use Divi IA image editorfor more information.
You can improve any existing image in Divi using Divi IA. In fact, some of the best results can be achieved by improving images that have already been generated with Divi IA.
Open the image module settings by clicking on thegear icon.
Click onDivi IA icon.
Choose one of the following options:
Generate and replace:Generates a new image automatically without using the current image as a reference.
Reimagine:Generates a new set of 4 images using the original image as a reference.
Change style:Change the style of the currently selected image.
Increase resolution:Quickly change the current size of the image. You can increase its current size 2, 3 or 4 times. In addition, theCustom sizeallows you to define a new size for the image.
One of the most useful quick-acting options for an existing image is the option"Reimagine". This can transform common images into magical works of art.
Open the image module settings by clicking on thegear icon.
Click onDivi IA icon.
Choose the optionReimaginefor the existing image.
4. Choose the best image from the suggestions provided by Divi IA.
5. Choose the optionImprove with AIfor the new image.
6. 6. In the fieldDescription of imageadds a brief description of the changes you want to make.
7. Choose the level of influence that the image should have.
8. Click the buttonGenerateand choose your favorite result from the suggested images.
Good instruction:
A fluffy white Persian cat with blue eyes is sitting on a red velvet cushion in a Victorian-style room.
Poor instruction:
A cat.
Good instruction:
A cozy small wooden cabin with straw roof, surrounded by a lush garden full of blooming flowers.
Poor instruction:
A house.
Good instruction:
A middle-aged man in suit, standing on a busy street in New York City during the day, holding a cup of coffee.
Poor instruction:
A man.
Good instruction:
An impressionist painting of a sunset over the ocean with vibrant tones of orange, pink and purple.
Poor instruction:
A sunset.
Good instruction:
A young girl with curly hair looks cheerful and laughs while playing with butterflies on a sun-lit meadow.
Poor instruction:
A girl.
Good instruction:
A futuristic and elegant robot reminiscent of the design of a Tesla car, standing in a high-tech laboratory.
Poor instruction:
A robot.
Good instruction:
A golden retriever puppy playing to catch in a park, jumping into the air to catch a frisbee.
Poor instruction:
A dog.
Good instruction:
A classic red convertible Mustang from the 1960s stationed in front of a retro restaurant with neon signs.
Poor instruction:
A car.
Good instruction:
A close-up of a vibrant red rose with dew drops on its petals, on a blurred green background.
Poor instruction:
A flower.
Good instruction:
An ancient twisted oak with extended branches covered in Spanish moss, solitary in a misty swamp.
Poor instruction:
A tree.
Important note:The more descriptive you are when creating instruction, the better the results will be.
Introducing Divi IA: Powerful Artificial Intelligence Tools for Website Builder
Top tips for creating image instructions with Divi IA
Divi IA's new image editor