Questions relating to image sizes are always asked in Mailchimp training. So just how do we make sure that images are the correct size in our Mailchimp Campaigns? Read on if you’re creating a standard Campaign; if you’re creating an RSS Campaign then read about images from Blogs.
Update: Please view the new way to get Mailchimp to resize images for you.
Image sizes
When you’re saving images, you should take into account any padding or margin styles in the Campaign template. For example, in a template that’s 600 pixels wide that includes 20-pixel padding, a full-width image would only need to be 560 pixels wide. Most Mailchimp templates are 600px wide.
You may be able to estimate the size of some of image blocks, but here’s a handy list of common sizes we use in Mailchimp templates.
- Pre-header area: 560px
- Body area for 1 column templates (no sidebar): 560px
- Social bar and utility bar: 560px
- Header: 600px
- Body area (with sidebar): 350px
- Sidebar: 160px
- 2 column: 260px
- 3 column: 160px
- 4 column: 110px
- Footer left: 370px
- Footer right: 170px
High-density screens
Many smartphones, tablets, and laptops feature high-definition screens, such as retina displays, that offer a higher ratio of pixels per inch. This means that images may appear fuzzy on these displays.
To make sure your images appear clearly on all screens, you can save your web-ready images at double the size needed for the image block you’re using in your campaign.
Using the Constrain Image Dimensions By 50% For High-Definition Displays feature under the Settings tab for an image block will automatically resize your images for high-definition screens. This feature is only available for single Image blocks and not for Image Group blocks, Image Card blocks, or when adding an image to a Text block.
For example, if your header image is 600 x 200, you could upload a 90 ppi image that is 1200 x 400 pixels. Learn more about high-density displays on the Mailchimp blog and you can read more about images in Campaigns at Mailchimp.
Facebook Ad Campaign Image Sizes
Updated 07 February 2017: When adding images to Facebook Ad Campaigns in Mailchimp, the following are the recommended image sizes:
- For single image ads: 1200px x 628px
- For carousel ads: 1080px x 1080px
does this button exist? i have looked for it for 20 mins and can not find it
Hi Violette,
Which ‘button’ are you looking for?
Is there a “Constrain Image Dimensions By 50% For High-Definition Displays” for the Email Form? I’m just trying to use the Generic Email Form designer and having so many issues with the display of my image on both my desktop and laptop! I’ve tried multiple images sizes and they all look distorted or stretched out.
Hi Melinda,
I don’t believe that there is a ‘constrain image’ for signup forms.
Regarding the image stretching/distorting, is the image a photo taken with a phone? Sometimes this can cause issues.
You should only use 72ppi resolution for images. Using 90ppi will cause issues with some email clients, as well as adding unnecessary file size for downloading the images on mobile devices.
Unless I’m missing something, when you code your own template and insert an image via
the settings tab for the image does not have the “Margins” and “Retina Support” options — they are only available in the drag-and-drop templates.It stripped out my HTML
above after "via" — I was intending to show the standard HTML code for img src="" mc:edit="image".Thank you GARY sir. Your suggestion helped me lot. Saved time..!
hi, after setting for 600 px in width the image ; pls suggest how much dpi shall we take 72 or 100 dpi or more… for the email campaign
A PPi of 72 is optimal. Increasing the dimensions of the image will result in a more ‘crisp’ image if needed.
Gary, that is not a good thing to tell people. ALL web images should be 72ppi. Anything higher than that is pointless and will just increase file size and make it take longer to download. It could also cause rendering issues. If anything, you would increase the dimensions of the image to be 1200 pixels wide instead of 600. Then when it is shrunk down to fit in the MailChimp container it will look more crisp. But this is not necessary.
Where are you getting this number from? I know that MailChimp would not suggest making images at 150dpi.
Thanks Timzu. You are absolutely correct; don’t increase the ppi above 72ppi but rather increase the dimensions. I have amended my reply above.