Adding images to your campaigns

Adding images to your campaigns and automation emails can help you build your brand and engage your subscribers. They can be used to advertise a service or product or be used as a call-to-action.

In this article:

Upload an image to the Image Manager

You can upload images you wish to use in campaigns and automation emails to the Image Manager. Images uploaded to the Image Manager can be used in any template, campaign, automation email, or form. In addition, you can upload your company's logo and/or favicon to the Image Manager and use the link we generate to add the image to your Account Settings > Appearance page. 

  • Image files must be in a GIF, PNG, or JPG file format.
  • Only images you upload to the Image Manager will be accessible by you. Other users on your account will not be able to access images in the Image Manager that you upload. However, they will be able to see any images used in campaigns, automation emails, templates, and forms. 
  • Once an image is uploaded to a folder in the Image Manager, it cannot be moved.

To upload a new image to the Image Manager, follow these steps:

  1. From your campaign or automation email, click the Image Block in your email and click the "New Image" button to open the Image Manager.

You can also drag and drop a new Image Block into your email and click the Image Block to open the Image Manager. 

  1. In the Image Manager, click the folder you wish to add the image to. You can create new folders by clicking the "Create Folder" link.
  1. From your folder, click the "Add new image" button.
  1. Select the file from your computer.

The file is now uploaded to the Image Manager and can be used in templates, campaigns, automation emails, and forms.

Add an image to a campaign or automation email

You can add PNG, JPG, and GIF files in your templates, campaigns, and automation emails with the Image Block. Only one image file can be used per Image Block. 

In addition, you can add image files, including GIFs, to text blocks. Note that if you add an image to a text block, the image can only appear on the top left or top right of that block. Only one image can be added to each text block. 

We recommend adding images to image blocks instead of text blocks. Links inline with an image in a text block will not be clickable in Outlook 2007 or Outlook 2013. In addition, text may not wrap correctly when the email is viewed on a mobile device.

Click to read best practices for adding images to your emails

Add an image to your email with the Image Block

  1. From your template, campaign, or automation email, drag and drop the Image Block into your email.
  2. Click the block to open the Image Manager.
  3. Hover your mouse over the image you wish to use and click the "Choose" button. To add a new image see the instructions in the previous section

The image will be added to your email.

From here, you can drag the bottom right corner of the image to adjust its size. You can also use the Options menu on the right to add a link to your image, add Alt text to the info field, adjust padding and more. You can also edit the image once it's been added to your email. 

Swap out an image in your email

  1. From your template, campaign, or automation email, click the image you wish to swap out.
  2. Click the "New Image" button.
  1. Hover your mouse over the image you wish to use instead and click the "Choose" button.

The new image will be added to your email. 

From here, you can drag the bottom right corner of the image to adjust its size. You can also use the Options menu on the right to add a link to your image, add Alt text to the info field, adjust padding and more. You can also edit the image once it's been added to your email.

Add an image to a text block

Note that if using this method to insert an image, text may not wrap correctly around an image when the email is viewed on a mobile device.

  1. From your template, campaign, or automation email, click the text block you wish to add an image to.
  2. Click the "Insert Image" button.
  1. Hover your mouse over the image you want to add to your email and click the "Choose" button.

The image will be added to the top left corner of the text block by default.

To move it to the right, click the image and select "Align right." You can also drag the bottom right corner of the image to its size as well as use the Options menu on the right to add a link to your image, add Alt text, adjust padding and more. You can also edit the image once it's been added to your email.

Keep the width of your images between 400 and 650 pixels.

This is the best width to use for both mobile and Outlook. Outlook will not scale down images that are 1000 or more pixels wide. Instead, the image will be displayed at its actual size, causing the width of your template to expand and become distorted.

Break tall images into smaller pieces. 

Tall images will be compressed by our Email Designer to ensure deliverability, however, your image will lose its quality and can appear blurry and can take longer to load. If your image is taller than 600 pixels, we recommend breaking your image into separate, shorter images. This will allow email clients to load individual images faster and they will keep their quality.

Insert the exact image size you wish to use in your email. 

Inserting a small image and then scaling it to a larger width by dragging the image corner in your email can distort the quality of your image, making it grainy or blurry. Conversely, if you insert a large image then scale it to a smaller size, the image will appear as its original size when viewed on a mobile device. 

Use image blocks instead of adding an inline image to a text block.

Text content blocks containing an image and any links inline with that image will not be clickable in Outlook 2007 or Outlook 2013. In addition, text may not wrap correctly around your image when viewed in mobile.

Avoid text in your images.

If images are blocked by a subscriber's inbox, they won't see the text included in your image. In addition, the image may become distorted in mobile as it will need to be scaled either up or down to fit the mobile viewpoint.

Use Alt text. 

Alt text is a brief description of your image and will appear in your email if a subscriber has images blocked. To add ALT text to your image click on the image in your campaign and add 1-2 words into the “Info” field under the options tab:

Use the Social Links widget to add social icons to your campaigns.

Using an image block(s) to insert your social icons will cause images to scale up when viewed in mobile and may distort your email. Instead, use the social link widget.

Have more questions? Submit a request