About Template Images

This feature requires Author user level or higher.

Image requirements vary based on the template you're using. MailChimp templates are generally designed for a maximum width of 600 pixels. Some templates have multiple columns, so each column is a portion of the overall template width. Take a look at the following sections for tips on working with images using different template options.

General Image Tips

  • Image files should be formatted as JPG, GIF, or PNG to ensure they'll display correctly across various email programs. PDF, PSD, and AI files cannot be used because those file types are not consistently supported across web browsers.
  • Images used in a campaign need to be saved in a RGB format rather than a CMYK format. Some browsers and email programs can't display CMYK images because CMYK is typically used in print and not for the web.
  • Spaces or special characters shouldn't be used in the filename.
  • Padding can influence how wide images should be. For example, if 10px of padding is applied around a header image, instead of the header image being 600px wide, you'll want to make it 580px wide to account for 10px of padding on each side.
  • It's best to avoid overly large images, both in file size and pixel dimensions. We recommend a maximum file size of 1MB for images. 72 dpi is generally sufficient for the web, but isn't required. We don't recommend uploading images that are significantly larger than your content area or template. For more specific size information, check out the following sections based on the type of template you're using.

Drag and Drop Templates

When uploading an image to an Image block in the Drag and Drop Editor, it's best to use full-sized images rather than shrinking the image down to match the dimensions of the block you're uploading to. This allows the image to remain in full resolution if it's moved to a wider block in the template. The editor will take care of constraining it for you based on the size of the block it's added to. As high-pixel density displays become more and more common, this is a good way to ensure your images remain sharp when viewed on devices with retina display.

Classic Templates

These templates have little or no layout styling—they're layouts where you add your content, images, and pick your own colors. Many of these have areas that are designed specifically for images. If you hover over one of these image blocks, we'll tell you the recommended image size for that block. When using our templates, images can be added to any text-type content block, even if it isn't specifically designed for images. If you'd like to add an image to one of these areas, take a look at the guide below to see the maximum width in pixels for each area.

  • 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

Was this article helpful?
What can we do to improve articles like this?

Technical Support