Upload, Add, and Edit Images in Emails and Landing Pages

If you’ve using the new email builder, some of the steps in this article may not apply. To learn how to use images in the new builder, check out Use Image Content Blocks in the New Builder.

Mailchimp makes it easy to upload, add, and edit images in your email or landing page, so you can customize the look of your marketing content.

In this article, you'll learn how to upload, add, and edit images in your email or landing page.

Before you start

• Image requirements vary by layout, template or design. For more information, take a look at our image requirements.
• Themes templates for email are predesigned, so some images and content blocks can't be changed.
• When you upload an image to the content studio, we change the file name to a unique identifier that can't be duplicated or changed.
• The content studio supports JPG, JPE, JPEG, GIF, PNG, and BMP image files.
• Using images in text-based content blocks may affect the look of your designs when viewed on mobile devices. Whenever possible, we recommend placing images in image-based content blocks instead.

Upload an image

When you upload an image, we save that file on our servers. The steps to upload images to your designs vary slightly, depending on the type of content block you're using.

Upload into an image content block

The drag-and-drop editor offers a few types of image-based content blocks, including Image, Image Card, Image Group, and Image + Text. These instructions explain how to use images with any of these types.

To upload an image to one of these content blocks, follow these steps.

1. In the editing pane, click an image content block or drag and drop a new image content block type into your layout.
2. Click Browse or Replace to open the content studio.
3. Choose how to upload your image.
   
   • To choose a file from your computer, click Upload, find the file you want, and click Open.
   • To use an image that's saved online, click the drop-down menu next to Upload, and choose Import from URL. Input the URL, and click Import.
4. Click Save & Close.

After you insert your image, you can customize the settings on your image content block, add alt text, go back to the content studio to edit the image, or replace or remove it.

If your images are named and formatted correctly on your computer already, you can drag and drop them straight into Mailchimp.

Drag and drop a single image into an image content block, or open the content studio and drag a few images to upload in batches.

Upload into a text content block

The campaign builder offers a few types of text-based content blocks, including Text, Boxed Text, and Footer content blocks. These instructions explain how to use images with any of these types.

To upload an image to a text content block, follow these steps.

1. In your layout, click the text block you want to work with, or drag and drop a new text content block type into your layout.
2. In the editing pane, click the Image icon in the text content block toolbar to visit the content studio.
   
3. Choose how to upload your image.
   
   • To choose a file from your computer, click Upload, find the file you want, and click Open.
   • To use an image that's saved online, click the drop-down menu next to Upload, and choose Import from URL. Input the URL, and click Import.
4. In the Edit Image screen, set optional image properties or add a URL to make the image a link.
   
5. If you reduce the image height and width, click Use Image URL to link to the original image so recipients can click the image to view it at its original size.
6. Click Save & Insert Image.

If you need to make additional changes to the image settings later, double-click the image in the text block.

If you have difficulty uploading an image or getting an uploaded image to display in your email or page, there are a few troubleshooting steps that you can take.

Find image URLs

Sometimes, you may need to add one of your images in Mailchimp to a custom-coded email template. To do this, you'll grab the source URL from the content studio.

To copy an item URL, follow these steps.

1. Click Content, then click the tab that contains the file you want to use.
2. Type a term into the search bar to find the file you want to work with.
   
3. Click the file you want to work with.
   
4. Click the drop-down menu next to View Details, and choose Copy URL. We'll save it to your clipboard.
   
5. Click X in the upper-right corner.
6. Paste the copied URL into the Code Editor, or wherever you need it.

Insert an image

The steps to insert images in the campaign builder vary slightly, depending on the type of content block you're using.

Insert into an image content block

The campaign builder offers a few types of image-based content blocks, including Image, Image Card, Image Group, and Image + Text. These instructions explain how to use images with any of these types.

To insert an image into an image content block, follow these steps.

1. In your layout, click the image content block you want to work with and drag it into your design.
   
2. In the new content block, click the Image to open the content studio.
   
3. In the sidebar, click the tab that contains the file you want to use.
   
4. Type a term into the search bar to find the file you want to work with.
   
5. Click the image you want to work with.
   
6. Click Insert.
   
7. Click Save & Close.

Insert into a text content block

Mailchimp’s design tools offer a few types of text-based content blocks, including Text, Boxed Text, and Footer. These instructions explain how to use images with any of these block types.

To insert an image into a text content block, follow these steps.

1. In your layout, click the text content block you want to work with.
2. In the editing pane, click the Image icon in the text content block toolbar to visit the content studio.
   
3. Type a term into the search bar to find the file you want to work with.
   
4. Click the image you want to work with.
   
5. Click Insert.
   
6. In the Edit Image screen, set optional image properties or add a URL to make the image a link.
   
7. Click Save & Insert Image.

Edit an image

Mailchimp's content studio includes a built-in photo editor with version history. The steps to edit an image may vary depending on the type of marketing content you’re creating.

To edit an image in your layout, follow these steps.

1. In your layout, click the image content block that you want to work with.
2. In the editing pane, click Edit.
   
3. In the photo editor, click any of the editing tool icons to open that tool's settings and make changes as needed.
   
4. When you've made all of your changes, click Save.

Nice work! We'll replace the image with the new, edited version.

Use another version

The content studio saves versions of your images when you make edits. If you've edited and saved an image in the past and want to use another version of your image, you can!

To use another version of an image, follow these steps.

1. In the content studio, click the image you want to work with.
2. Click View Details.
3. Under Revision History, click the image version you want to insert.
   
4. Click Insert.

Next steps

Here are some other helpful articles that outline other things you can do with images in Mailchimp.

Set a Default Logo
Add a Background Image to a Landing Page or Email
Troubleshooting Images in Campaigns