About Template Images

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.

Was this article helpful?

Anything else we can do to improve our site?