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

From 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 with the image as part of the paragraph.

Text wrapping around images

Wrapping text around images won't work reliably in every email program. Notably some versions of Outlook won't honour this setting resulting in misaligned text. The email may look good in the preview or when viewed in some email programs but the text wrapping isn't universally supported by every email client.

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.

Did this answer your question?