Images play a key role in capturing your recipients' attention and bringing your email design to life. Use the Image content block from the drag and drop email editor to add, customize, and enhance your images. Adjust size, borders, alt text, and edit directly within the editor to make your emails engaging, professional, and on-brand.

🏞️ Insert images in your email design

To insert images in your email design, you first need to drag and drop the Image content block in your email canvas, where you want your image to be: 

Once your Image content block is inserted into your canvas, there are several ways to add an image to it: 

• Drag and drop from your computer
• Upload to your Content library to reuse images
• Insert from a URL 
• Use variables to adapt images to your recipients 
• Generate an image with Aura AI

Choose the tab corresponding to the way you want to insert images in your email design: 

Drag and drop Via Content library From a URL Use variables Generate with Aura AI

Easily add images to your email design by dragging and dropping them directly from your system into your Image content block. Your images will automatically be added to your email design and saved to your content library.

Use the Content library to upload your own images, use stock or GIF images, or create images directly from the email editor. To access the content library, click the Image content block and then Replace. 

➡️ To learn more about the content library, check our dedicated article Add and manage images in the Content library.

Click the Image content block and paste the direct link to where your image is hosted in the Insert image from URL field in the left panel: 

Your image needs to be hosted on a publicly accessible website. The image will appear in your email without needing to upload it to your Content library. When your email is opened, the image is loaded directly from that URL, so any updates made to the file on your website will automatically appear in future email views.

Variables allow you to display dynamic, personalized images in your email automatically. Instead of inserting a fixed image, add a variable that will be replaced in real time when the email is sent, based on the latest data available. 

Email template in Brevo	Email received in the inbox

For example, with an event data variable, each recipient will see the image of the data currently linked to them at the time of sending. The data updates automatically, and the image shown will always reflect the most recent version of the data, without manual updates needed.

➡️ To learn more about variables and how you can insert images using them, check our dedicated articles Personalize your emails with event data, Create and send product recommendations with product feeds, and Personalize your email content with real-time data (data feed).

Easily generate custom images using Aura as a built-in image generator in the drag and drop email editor. Design visuals that perfectly match your campaign without any design skills required!

Once your Image content block is inserted into your canvas:

1. Select the image content block and click Generate image in the image toolbar. A dialog box opens. 
2. In the dialog box, describe the image you want Aura to create. Be as specific as possible for the best results. For example, “A peaceful yoga studio with natural sunlight streaming through large windows, plants in the background, and a yoga mat on a wooden floor”.
   
3. Choose your preferred size and style in the corresponding drop-down options (e.g., photography, background, vector art, etc.).
4. Press Enter or click the arrow icon ⬆ to generate the image.

Aura will generate your image in just a few seconds. If you’re not fully satisfied, you can:

• Click Refine image to adjust your prompt and improve the image, or
• Click Generate an image again to create a new image variation.

🖌️ Edit your image (resize, crop, alt text, etc.)

Resize an image

To resize an image, click the image you want to resize and place your cursor on one of the bottom corners of the image. Once the arrow appears, pull the corner until you find the perfect size. Alternatively, you can also access the Layout section in the left panel and change the value in the Width field.

Add alt text to an image 

Alt text is a brief image description that appears if the image fails to load or for screen reader users. It enhances accessibility, improves user experience, and conveys the message when images are blocked or unavailable.

To add an alt text to your images:

1. Select the image you want to add alt text to. The left panel with your content settings opens. 
2. In the Image settings section in the left panel, find the Alt text field.
3. Enter a short description of your image. We recommend writing a brief and accurate image content description, conveying only essential information. Avoid writing Image of and keep your description focused on the image's purpose. 
   

Add a link to an image

Adding a link to an image allows you to redirect your recipients to your website, a product page, or any destination directly from your images:

Edit an image (crop, change color, add text, etc...)

Our drag and drop editor includes an image editor where you can crop your image, add filters, text, or text design. To access the photo editor, click your image and click the Edit button in the Image Settings section from the left panel. 

📹 Watch the following video to learn how to learn the basics of the image editor:

Add a border or rounded corners

Borders and rounded corners can help your images stand out and add visual style that matches your brand.

Add visibility conditions to an image

Choose when to display your images in your email by setting visibility conditions. It allows you to display or hide an image based on the recipient’s device or contact attributes, such as location or language. It’s a simple way to personalize your design and make sure each recipient sees the most relevant version of your email.

➡️ To learn more about content visibility, check our dedicated article Show or hide content in your emails (Content visibility).

⏭️ What's next?

• Add and manage images in the Content library
• Drag & Drop email editor section

🤔 Have a question?

If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.

If you’re looking for help with a project using Brevo, we can match you with the right certified Brevo Agency partner.