• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

OrganicWeb

Mailchimp Training & Consulting

  • Home
  • Services
    • Mailchimp Training – 1-on-1
    • Mailchimp Training – Group
    • Mailchimp Consulting
  • Free Tools
    • Mailchimp Tutorials on YouTube
    • Subject Line Generator
    • Marketing Ideas Generator
    • Map Maker for Email
    • WhatsApp Click to Chat Generator
    • Avoid Email Going to Spam
    • Email Link Generator
    • Is Mailchimp Down?
    • Marketing Facts and Stats
  • Content
    • Blog
    • Videos
  • Contact & About
    • Contact
    • About

Correct images sizes to use in Mailchimp

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.

  1. Pre-header area: 560px
  2. Body area for 1 column templates (no sidebar): 560px
  3. Social bar and utility bar: 560px
  4. Header: 600px
  5. Body area (with sidebar): 350px
  6. Sidebar: 160px
  7. 2 column: 260px
  8. 3 column: 160px
  9. 4 column: 110px
  10. Footer left: 370px
  11. 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:

  1. For single image ads: 1200px x 628px
  2. For carousel ads: 1080px x 1080px

Found this useful? Please share:

Related

  • How to add an inline button in Mailchimp
  • Mailchimp Image Guidelines
  • Help. Mailchimp Images Not Opening in Apple iOS

Filed Under: Marketing

Watch Gary in action

Gary frequently adds Mailchimp instructional videos to his YouTube channel. Subscribe to keep updated.

→  Subscribe   ←

How to add an editable attachment to a Mailchimp campaign.

How to add, and send, coupon codes in Mailchimp.

Reader Interactions

Comments

  1. violette says

    February 27, 2016 at 10:01 am

    does this button exist? i have looked for it for 20 mins and can not find it

    Reply
    • Gary says

      February 29, 2016 at 7:45 am

      Hi Violette,
      Which ‘button’ are you looking for?

      Reply
  2. Melinda says

    April 5, 2016 at 9:26 am

    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.

    Reply
    • Gary says

      April 10, 2016 at 2:45 pm

      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.

      Reply
  3. Tim says

    July 9, 2016 at 5:57 am

    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.

    Reply
  4. Jonathan says

    August 15, 2016 at 4:02 pm

    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.

    Reply
    • Jonathan says

      August 15, 2016 at 4:29 pm

      It stripped out my HTML above after "via" — I was intending to show the standard HTML code for img src="" mc:edit="image".

      Reply
  5. luckybhumkar says

    November 24, 2017 at 7:45 pm

    Thank you GARY sir. Your suggestion helped me lot. Saved time..!

    Reply
  6. sharad says

    February 20, 2019 at 6:19 pm

    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

    Reply
    • Gary says

      February 21, 2019 at 11:04 am

      A PPi of 72 is optimal. Increasing the dimensions of the image will result in a more ‘crisp’ image if needed.

      Reply
  7. timzu says

    February 22, 2019 at 1:02 am

    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.

    Reply
    • Gary says

      February 23, 2019 at 11:28 am

      Thanks Timzu. You are absolutely correct; don’t increase the ppi above 72ppi but rather increase the dimensions. I have amended my reply above.

      Reply
  8. Phil doubleyou says

    April 15, 2019 at 8:10 am

    The Android Sign up form does not accept .jpg images only .png and while the image i uploaded to mailchimp renders large when viewed in a mailchimp email the signup version is miniscule. it does not fill the doted edit box

    Any idea what size of image will render larger in this android app please? or what max dimensions should i resize it to?

    Reply
    • Gary says

      April 15, 2019 at 9:01 am

      Hi Phil, please clarify your question e.g. what Android app are you referring to?

      Reply
  9. Phil doubleyou says

    April 15, 2019 at 4:55 pm

    It’s the SUBSCRIBE app. It has customisation (title and logo) but the logo edit area and sample logo are larger than my logo I entered. As your post was about sizes of images I wondered if you had any info on the mailchimp subscribe app image parameters.

    Reply
    • Gary says

      April 16, 2019 at 7:50 am

      Sorry Phil. I really don’t know.

      Reply
  10. Michael Myk Tau says

    May 7, 2019 at 7:05 pm

    Hi Gary just to confirm, we are placing an advert into an email format, this must be 72dpi, is there a constraint in the width and height, as we are placing an A4 format into the mail, but some clients are complaining the image is not opening and is rather added as an attachment into the mail. Your help will be appreciated as we have just started using the Mailchimp service?

    Reply
    • Gary says

      May 9, 2019 at 12:15 pm

      Hi Michael, keep in mind that A4 is a paper size and email is digital (i.e. pixels). The width of a Mailchimp email message is 600px.

      Reply
  11. Gabe says

    May 9, 2019 at 2:58 am

    Thanks Gary. What’s the best way to troubleshoot an image that won’t scale to the full 600px (edge of the bounding box)? I’m working with a 600×166 image, that doesn’t seem to want to fit full width.

    Reply
    • Gary says

      May 9, 2019 at 12:09 pm

      Hi Gabe, the template you’re using is likely preventing the full width image. Perhaps try a different template.

      Reply
  12. mister says

    May 22, 2019 at 12:24 am

    Hi Gary,

    Just to follow up, then. Is the correct height for the Mailchimp header 166 pixels? If not, what is the full height to match the full width?

    Thanks for any help!

    Reply
    • Gary says

      May 24, 2019 at 9:04 am

      The height can be anything you choose. The height is purely up to you.

      Reply

Leave a Reply Cancel reply

You are here: Home / Marketing / Correct images sizes to use in Mailchimp

Primary Sidebar

Mailchimp write about my work

Read on Mailchimp.com

Learn from a Mailchimp Pro Partner

Signup to receive info about Gary's Mailchimp beginner and advanced classes.

Sign up

Gary on Australian National Radio

Changes are coming to the Australian Spam Act

Read Gary's article in SmartCompany

Meet Gary, Mailchimp Expert

Gary is a Mailchimp Expert and Partner. He delivers Mailchimp training and consulting services in Australia, New Zealand and Singapore. Gary presents at Mailchimp events and hosts the first, and only, Australian Mailchimp sponsored event. He is M.B.A. qualified from Henley Business School, U.K.

Contact Gary for your Mailchimp needs

Footer

Customer Rating

Mailchimp Pro Partners

Contact

Contact Gary for all your Mailchimp training, consulting and integration needs.

Contact Gary.

Copyright © 2022 · Sitemap · ABN: 40800872179 · Privacy Policy · Terms of Service