Can You Upload Over 10 Megabytes to Mailchimp

Image Recommendations for Content Blocks

This page is now available in other languages.

Before y'all upload your images to Mailchimp, check out these image recommendations to ensure they'll look neat. Our recommendations are based on the type of content block you're using in your electronic mail campaign or landing page.

In this commodity, you'll learn about our recommendations for images in Image, Prototype Menu, and Image + Text content blocks.

General tips for images

Here are some full general tips for your images.

• Format
  When you save images, use PNG, JPG, or GIF format. You lot tin can employ PNG format if you lot need to retain transparency.
• Color Mode or Profile
  Colors used online are dissimilar from those used in print, so information technology's of import to brand sure the colors in your images are set correctly. Web images should be saved with the RGB color profile or mode. CMYK, which is what designers use for impress, doesn't render accurately online and tin can sometimes suspension your embedded prototype.
• Alt Text
  It's a good idea to add alt text to your images. Alt text is essential for accessibility and for viewers who might have trouble downloading your images. It can also assist with search engine optimization for your landing pages.
• High-Definition Screens
  Many smartphones, tablets, and laptops feature high-definition screens, such equally retina displays, that offer a higher ratio of pixels per inch. This means that some images may appear fuzzy on these displays. To make certain your images announced clearly on all screens, you can use a college resolution photograph in an Image content block, and constrain the dimensions.
• File Size
  It's all-time 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, simply isn't required. We don't recommend uploading images that are significantly larger than your content area or template.
• Image Size
  Emails and landing pages accept a limited corporeality of width for images. Although Mailchimp will try to automatically size images to fit into an electronic mail, very large images tin crusade slow loading times or clip your emails. The following sections recommend image widths that will best fit in a section.

Prototype sizes for emails

Mailchimp's email templates are 600 pixels wide, so it'due south best to size your images with that maximum width in listen.

Image size recommendations vary based on the number of columns in your e-mail template.

Columns	Recommended Image Width
Full-width section images	564px
two column section images	264px
iii cavalcade section images	164px

Sizing tin can also vary depending on the type of content block you're working with. Here are our size recommendations for images in the Paradigm, Prototype Card, Image + Text, and Epitome Group content blocks in your email campaign.

Epitome

Content Cake Settings	Recommended Image Width
Margin ready edge to border	564px

Image card

Content Block Settings	Recommended Epitome Width
Margins set edge to border	564px
Margins not set edge to edge	528px

Prototype + text

Content Block Settings	Recommended Epitome Width
Left or correct aligned with one-third caption width	352px
Left or right aligned with one-half caption width	264px
Left or correct aligned with two-thirds explanation width	176px
Left or right aligned with three-quarters caption width	132px

Image group

If you add Paradigm Group blocks to a multi-cavalcade section, make sure smaller images are clear plenty for your recipients to see.

Content Block Settings	Recommended Prototype Width
Full-width images	564px
2 Column department images	264px

Prototype sizes for landing pages

Mailchimp'south landing pages come in a variety of widths, and so the platonic image size depends on the width y'all choose. Before you upload your images to Mailchimp, calibration them to the size they need to exist to eliminate unneeded pixels.

If you lot set the width of your landing page at 100% images can appear differently depending on the screen resolution of the person viewing your landing folio. In this case, we recommend you lot use larger images. But it's important to keep in mind that larger images can slow downwards your landing page.

Hither are our size recommendations for images in the Epitome, Image Card, Image + Text, and Image Group content blocks in your landing page.

Image

Folio Width	Recommended Prototype Width
780px	564px
960px	924px
1224px	924px
1332px	1188px

Prototype carte

Page Width	Content Cake Settings	Recommended Paradigm Width
780px	Margins set border to edge	744px
780px	Margins not set edge to edge	708px
960px	Margin prepare edge to edge	924px
960px	Margins not set border to edge	888px
1224px	Margins gear up edge to edge	924px
1224px	Margins non set edge to edge	888px
1332px	Margins set edge to border	1188px
1332px	Margins non prepare border to edge	1152px

Prototype + text

Page Width	Content Block Settings	Recommended Epitome Width
780px	Left or right aligned, with one-tertiary caption width	515px
780px	Left or right aligned, with half explanation width	363px
780px	Left or right aligned, with 2-thirds caption width	211px
780px	Left or correct aligned, with three-quarters explanation width	173px
960px	Left or right aligned, with one-third caption width	642px
960px	Left or correct aligned, with one-half caption width	453px
960px	Left or right aligned, with two-thirds caption width	265px
960px	Left or right aligned, with iii-quarters explanation width	218px
1224px	Left or right aligned, with one-third caption width	642px
1224px	Left or right aligned, with half caption width	453px
1224px	Left or right aligned, with two-thirds explanation width	265px
1224px	Left or right aligned, with three-quarters caption width	218px
1332px	Left or right aligned, with one-tertiary caption width	827px
1332px	Left or correct aligned, with half explanation width	585px
1332px	Left or right aligned, with two-thirds caption width	344px
1332px	Left or right aligned, with 3-quarters caption width	284px

Image group

Page Width	Content Block Settings	Recommended Image Width
780px	Full-width images	744px
780px	2 cavalcade section images	363px
960px	Full-width images	924px
960px	two column section images	453px
1224px	Total-width images	924px
1224px	ii column section images	453px
1332px	Full-width images	1188px
1332px	ii column section images	585px

Suit the Landing Folio Width

To adjust the page width of your landing page, follow these steps.

1. Click Campaigns.
   
2. Click All campaigns.
   
3. If you have more one audience, click the Current audience driblet-down and choose the one associated with your landing page.
4. Click the typhoon landing page yous want to work with.
5. Click the Style tab.
   
6. Click Folio.
7. In the Page Container Style section choose a width.
   
8. Click Save.

Background images on landing pages

Larger background images volition look cleaner on larger screens, but nosotros recommend keeping images between 1500 and 2500 pixels broad. The recommended image elevation depends on how much content you've got in your landing folio, but it's important to go on in listen that larger images can dull down your page.

burnettlivendede.blogspot.com

Source: https://mailchimp.com/help/image-requirements-for-templates/

Share this post