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.

Upload an image to the Content Manager from a campaign

You can upload images you wish to use in campaigns and automation emails to the Content Manager. Images uploaded to the Content Manager can be used in any email template, campaign, automation email, or form. In addition, you can upload your company's logo and/or favicon to the Content 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.

You can upload images to the Content Manager to use in your campaigns from inside a campaign design or directly inside the Content Manager.

To upload a new image to the Content Manager from a campaign, follow these steps:

Using the Email Designer (launched in 2022):

  1. Open the Content Manager from your campaign or automation email with one of these options:
      • Click the existing Image Block
      • Drag and drop a new Image Block and then click the Image Block in your email.

Using the Classic Designer:

  1. Open the Content Manager from your campaign or automation email with one of these options:
      • Click the Image Block in your email and click the "New Image" button
      • Drag and drop a new Image Block into your email > click the Image Block > click the “New Image” button to open the Content Manager.

Classic_Designer_new_image_button.jpg

Once the Content Manager is open, follow these steps:

  1. In the Content Manager, you can click the folder you wish to add the image to or add files to the All files view. You can create new folders by clicking the "Add a folder" link.

    Content_Manager_where_to_add_file.jpg
  2. From your folder, click the "Add file" button.
  3. Select the file from your computer.

The file is now uploaded to the Content 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.

Click the link below to expand instructions.

Add an image to your email with the Image Block

Using the Email Designer (launched in 2022):

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

    Select_Image_button_in_Content_Manager.jpg

Using the Classic Designer:

  1. From your template, campaign, or automation email, drag and drop the Image Block into your email.
  2. Click the block and click the “New Image” button to open the Content Manager.

    Classic_Designer_new_image_button.jpg
  3. Hover your mouse over the image you wish to use and click the "Select image" button. To add a new image see the instructions in the previous section.

    Select_Image_button_in_Content_Manager.jpg

The image will be added to your email.

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

Swap out an image in your email

Using the Email Designer (launched in 2022):

  1. From your template, campaign, or automation email, click the image you wish to swap out.
  2. On the right menu, click the "Change Image" button next to the image to open the Content Manager.

    Change_Image_button_in_Content_Manager.png
  3. Hover your mouse over the image you wish to use instead and click the "Select image" button.

    Select_Image_button_in_Content_Manager.jpg

Using the Classic Designer:

  1. From your template, campaign, or automation email, click the image you wish to swap out.
  2. Click the "New Image" button to open the Content Manager.

    Classic_Designer_new_image_button.jpg
  3. Hover your mouse over the image you wish to use instead and click the "Select image" button.

    Select_Image_button_in_Content_Manager.jpg

The new image will be added to your email.

From here, you can use the menu on the right to add a link to your image, add Alt text to the info field, adjust image size, 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 this method is only available in the Classic Designer. 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. As best practice, we recommend using image blocks instead of adding an inline image to a text block.

  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.

    Classic_Designer_new_image_button.jpg
  3. Hover your mouse over the image you want to add to your email and click the "Select image" button.

    Select_Image_button_in_Content_Manager.jpg

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 to the info field, adjust image size, and more. You can also edit the image once it's been added to your email.

Resize your images in a campaign

Once your image has been added, you have the option to adjust its placement in the content block, crop and edit it, replace the image with a different one, drag and drop that image content block into a different section of your template, or resize your image.

To resize the image within content block:

Using the Email Designer (launched 2022):

  1. Click the image.
  2. Use the Image Block options that appear in the right menu to adjust the image.

Using the Classic Designer:

  1. Hover your mouse over the image and on the bottom right of the content block, you will see a two-directional arrow.
  2. Click that two-directional arrow and drag your image to your desired size.

Best practices for adding images to your emails

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.

all images will be compressed by our campaign 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 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.

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:

Using the Email Designer (launched in 2022):

  1. Click on the image in your campaign and add 1-2 words into the “Alternate text” field in the Image Block options to the right:

    Email_Designer_launched_2022_Alternate_text_field_on_right.png

 

Using the Classic Designer:

  1. Click on the image in your campaign and add 1-2 words into the “Info” field under the options tab:

    Classic_Designer_Info_Field_for_alt_text.jpg
Was this article helpful?
11 out of 36 found this helpful

Have more questions? Submit a request

Start free trial