Two types of images

  • Dedicated image block - no text wrapping around the image

  • Image within a paragraph - text wrapping around it

Dedicated image block - no text wrapping around the image

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

Use this option for any image where you don't need text wrapping around it.

Image within a paragraph - text wrapping around it

Click the image icon from the content editor toolbar:

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.

Editing images

You can modify 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

The "Show full width on mobile devices" option controls whether images are automatically scaled to fit the entire width of small screens.

Showing images full width on small screens is best practice with the exception of small images such as social media icons or logos that shouldn't be scaled up.

For small images turn off the "Show full width on mobile devices" option and at the same time be sure that the image in question is not too wide

For example if you have an image that you don't want to scale up on mobile screens you must ensure that the image file is no wider than 300px. Click the "reset" icon to find out how wide the image file is. If it's wider than 300px then you should go back to the image library and select the "Choose resized" option where you can resize the image.

Centre aligning images

To centre align an image click next to the image and click the centre align icon in the toolbar. This will centre the paragraph that contains the image.

Text wrapping around images

Wrapping text around images may look good in preview mode but it doesn't work reliably in every email program - it's not universally supported. Notably some versions of Outlook won't honour this setting resulting in misaligned text.

A workaround is to use a two column section where the image is in one column and text is in another. This won't be exactly the same as text wrapping around an image but it works reliably in every email program.

You may also consider using a large image so text wrapping isn't necessary or centre aligning a smaller image above the text in a single column layout.

Animated GIFs or other animations

You can add animated gifs to emails the same way you would add non-animated images. These animated gifs will 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.

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?