Add a new image
There are two options to add a new image to your message.
OPTION 1: Add a dedicated image block
You can add a new image by dragging the image element from the sidebar into the message. You should use this option for any image where you don't need text wrapping around it.
OPTION 2: Add an image with 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.
You can modify images you uploaded to the image library. Click the Edit button to crop, rotate and adjust other properties of images.
Images on mobile devices
The "Show full width on mobile devices" checkbox on the image setting window 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.
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