You can use two types of images in your emails:
Images where text is not wrapping around them. These images use a dedicated image content block and they are dragged into your message from the sidebar of the editor.
Images with text wrapping around them. These images are in-line images and they are added from the editor toolbar (the same place where you add links and update text formatting)
Images where text is not wrapping around them.
Images that are added in stand-alone, dedicated image blocks should be used in all cases except when you're adding a small image and want text to wrap around it.
You can add these images by dragging the image element from the sidebar into the message. (see screenshot above)
Images with text wrapping around them
This is used if you have a small image and you want text to wrap around this image. Click the image icon from the content editor toolbar to add a new in-line image.
Then, use the "Alignment" setting in the "image properties" to control text wrapping. An image that is left aligned will have text wrapping to the right and under the image. You can also use HSpace and VSpace to add some padding between the image and the text. HSpace stands for Horizontal Space and VSpace stands for Vertical Space.
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 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 to 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:
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 for images
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 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.
Images appear squished
If at some point an image was missing or broken in your email, a 60px height is added automatically so the broken image shows up so it can be corrected - otherwise a broken image would be invisible. Now that the image is not broken anymore the 60px height needs to be reset by opening the image editor and re-saving the image.