Upload, Add, and Edit Images in Emails and Landing Pages
Learn how to upload, edit and delete images in your Mailchimp emails, landing pages and in the content studio.
Get the job done with a pro
From training to full-service marketing, our community of partners can help you make things happen.
Before you upload your images to Mailchimp, check out these recommendations to help make sure your images look great. Our recommendations are based on the type of content block you’re using in your marketing email or landing page.
In this article, you’ll learn about our recommendations for images in the new builder and the classic builder.
Here are some general tips for your images.
The following sections recommend image widths that will best fit within a layout.
Mailchimp’s classic email templates are 600 pixels wide, while templates in the new builder are 660px wide. It’s best to use images with a range of 660-1320 pixels in the new builder and 600-1200 pixels in the classic builder. Mailchimp will resize your image to fit the content block it’s added to.
In the classic builder, you might receive an alert if you add an image to a template that is larger than our recommended width. Click Let’s fix it to adjust the image’s dimensions in the photo editor.
Note
The underlying code for the template width can't be changed in the email builder. To create an email that's wider, we strongly recommend providing your own code or hiring a designer to create the code for you.
Minimum image size recommendations vary based on the number of columns in your email template.
Columns | Recommended Minimum Image Width for Classic Builder Template | Recommended Minimum Image Width for New Builder Template |
---|---|---|
Full-width section images | 564px | 660px |
2 column section images | 264px | 330px |
3 column section images | 164px | 220px |
4 column section images | 132px | 165px |
If you’re working in the classic builder, sizing can also vary depending on the type of content block you’re working with. Here are our minimum size recommendations for images in the Image, Image Card, Image + Text, and Image Group content blocks in the classic builder.
Content Block Settings | Recommended Minimum Image Width for Classic Builder Template |
---|---|
Margin set edge to edge | 564px |
Note
In the classic builder, default logo blocks match the dimensions of an Image content block. Our recommended image width is a minimum of 564 pixels.
Content Block Settings | Recommended Minimum Image Width for Classic Builder Template |
---|---|
Margins set edge to edge | 564px |
Margins not set edge to edge | 528px |
Content Block Settings | Recommended Minimum Image Width for Classic Builder Template |
---|---|
Left or right aligned with one-third caption | 352px |
Left or right aligned with half caption | 264px |
Left or right aligned with two-thirds caption | 176px |
Left or right aligned with three-quarters caption | 132px |
If you add Image Group blocks to a multi-column section, make sure smaller images are clear enough for your recipients to see.
Content Block Settings | Recommended Minimum Image Width for Classic Builder Template |
---|---|
Full-width images | 564px |
2 Column section images | 264px |
Mailchimp’s landing pages come in a variety of widths, so the ideal image size depends on the width you choose. Before you upload your images to Mailchimp, scale them to the size they need to be to eliminate unneeded pixels.
If you set the width of your landing page at 100%, images can appear differently depending on the screen resolution of the person viewing your landing page. In this case, we recommend you use larger images. We recommend keeping images between 1500–2500 pixels wide, because Mailchimp will resize your images to fit the content area. Images larger than 2500 pixels may not be resized properly. Keep in mind that larger images can slow down the loading of your landing page.
We recommend these image sizes for the Image, Image Card, Image + Text, and Image Group content blocks on your landing page.
Page Width | Recommended Minimum Image Width for Classic Builder Template |
---|---|
780px | 744px |
960px | 924px |
1224px | 924px |
1332px | 1188px |
Page Width | Content Block Settings | Recommended Minimum Image Width for Classic Builder Template |
---|---|---|
780px | Margins set edge to edge | 744px |
780px | Margins not set edge to edge | 708px |
960px | Margin set edge to edge | 924px |
960px | Margins not set edge to edge | 888px |
1224px | Margins set edge to edge | 924px |
1224px | Margins not set edge to edge | 888px |
1332px | Margins set edge to edge | 1188px |
1332px | Margins not set edge to edge | 1152px |
Page Width | Content Block Settings | Recommended Minimum Image Width for Classic Builder template |
---|---|---|
780px | Left or right aligned, with one-third caption | 515px |
780px | Left or right aligned, with half caption | 363px |
780px | Left or right aligned, with two-thirds caption | 211px |
780px | Left or right aligned, with three-quarters caption | 173px |
960px | Left or right aligned, with one-third caption | 642px |
960px | Left or right aligned, with half caption | 453px |
960px | Left or right aligned, with two-thirds caption | 265px |
960px | Left or right aligned, with three-quarters caption | 218px |
1224px | Left or right aligned, with one-third caption | 642px |
1224px | Left or right aligned, with half caption | 453px |
1224px | Left or right aligned, with two-thirds caption | 265px |
1224px | Left or right aligned, with three-quarters caption | 218px |
1332px | Left or right aligned, with one-third caption | 827px |
1332px | Left or right aligned, with half caption | 585px |
1332px | Left or right aligned, with two-thirds caption | 344px |
1332px | Left or right aligned, with three-quarters caption | 284px |
Page Width | Content Block Settings | Recommended Minimum Image Width for Classic Builder template |
---|---|---|
780px | Full-width images | 744px |
780px | 2 column section images | 363px |
960px | Full-width images | 924px |
960px | 2 column section images | 453px |
1224px | Full-width images | 924px |
1224px | 2 column section images | 453px |
1332px | Full-width images | 1188px |
1332px | 2 column section images | 585px |
To adjust the page width of your landing page, follow these steps.
Technical Support
Have a question?
Paid users can log in to access email and chat support.
Learn how to upload, edit and delete images in your Mailchimp emails, landing pages and in the content studio.
Learn about troubleshooting images in campaigns, including common issues and how to fix them.
Learn how to use Mailchimp's various types of content blocks in your campaign design.