There are two types of images

  1. Images in a stand-alone, dedicated image block. These images can't have text wrapping around them.

  2. Small images within a paragraph that can have text wrapping around them.

1. Dedicated image block. Text can't be wrapping around the image.

You can add a new image by dragging the image element from the sidebar into the message:

2. Image within a paragraph. Text wrapping around the image.

Click the image icon from the content editor toolbar to add a new image.

Use the "Alignment" setting to have text wrap around small images.

Resize, crop and rotate images

You can edit images you uploaded to the image library. Click the Edit button from the image library to crop, rotate and adjust other properties of images.

Images on mobile devices

Images in single and two column layouts will be automatically stretch to full width on mobile devices for an optimal mobile experience. Images in three column layouts and small images such as logos or social media icons will be displayed as-is (won't stretch full width).

In technical terms images 270px and wider are shown full-width on mobile screens.

Here is an example to illustrate this in a sample message:

See also: How emails change when viewed on mobile screens.

Animated GIFs or other animations

You can add animated GIFs to emails the same way you would add non-animated images: just upload the image. These animated GIFs work in most email clients. Of the ones that don't support it the first frame will be shown and the image will remain static.

Related article: Videos in emails.

Width and height of images

When an image is added to emails it will be automatically resized to fit the container it's added to. This resizing takes into consideration padding around the images. For example if your container is 660px wide and you apply a 30px padding on the left and right sides, the image in this container will be displayed as 600px wide. This works well in all cases of desktop and web based email clients.

There is a maximum of 1200px height restriction for each image, any image taller than 1200px will be automatically downsized.

Alternative text

We recommend you always add an Alternative Text for images as it has many benefits:

  • the Alternative Text is more meaningful in reports than the image file link (URL)

  • the Alternative Text is shown if images cannot be loaded for someone reason

  • the Alternative Text is used by screen readers for accessibility

Background images

Background images are a good option when you need to overlay text on top of an image. Keep in mind, however, that they don't work in every email program so a fallback background colour should always be used. Read more about background images here.

Did this answer your question?