How To Create A Predesigned Template Images Bigger

Image Recommendations for Content Blocks

This page is now bachelor in other languages.

Earlier y'all upload your images to Mailchimp, check out these image recommendations to ensure they'll await great. Our recommendations are based on the blazon of content block you're using in your email campaign or landing page.

In this article, you'll acquire most our recommendations for images in Image, Epitome Card, and Paradigm + Text content blocks.

General tips for images

Here are some general tips for your images.

Format
When y'all save images, use PNG, JPG, or GIF format. You tin apply PNG format if you demand to retain transparency.
Colour Way or Profile
Colors used online are different from those used in impress, and so it'south important to brand sure the colors in your images are set correctly. Web images should be saved with the RGB colour contour or manner. CMYK, which is what designers use for print, doesn't render accurately online and tin can sometimes interruption your embedded image.
Alt Text
It'southward a expert 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 tin can also help 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 offering a college ratio of pixels per inch. This means that some images may appear fuzzy on these displays. To make sure your images appear clearly on all screens, you lot can use a higher resolution photo in an Image content block, and constrain the dimensions.
File Size
It's best to avoid overly big images, both in file size and pixel dimensions. Nosotros recommend a maximum file size of 1MB for images. 72 DPI is by and large sufficient for the web, but isn't required. We don't recommend uploading images that are significantly larger than your content area or template.
Epitome Size
Emails and landing pages have a limited amount of width for images. Although Mailchimp will try to automatically size images to fit into an email, very large images can cause wearisome loading times or clip your emails. The following sections recommend paradigm widths that will all-time fit in a section.

Image sizes for emails

Mailchimp's email templates are 600 pixels wide, so information technology's best to size your images with that maximum width in mind.

Image size recommendations vary based on the number of columns in your email template.

Columns	Recommended Paradigm Width
Full-width department images	564px
2 cavalcade section images	264px
three column section images	164px

Sizing can as well vary depending on the type of content block you're working with. Here are our size recommendations for images in the Prototype, Image Card, Paradigm + Text, and Epitome Group content blocks in your e-mail entrada.

Image

Content Cake Settings	Recommended Image Width
Margin prepare edge to edge	564px

Prototype card

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

Epitome + text

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

Prototype group

If y'all add Image Grouping blocks to a multi-column section, make sure smaller images are clear plenty for your recipients to see.

Content Block Settings	Recommended Image Width
Full-width images	564px
ii Column section images	264px

Paradigm sizes for landing pages

Mailchimp'southward landing pages come up in a multifariousness of widths, and so the ideal image size depends on the width you choose. Before you lot upload your images to Mailchimp, scale them to the size they need to exist to eliminate unneeded pixels.

If you prepare the width of your landing page at 100% images can appear differently depending on the screen resolution of the person viewing your landing page. In this case, we recommend you apply larger images. Just it's important to keep in mind that larger images can deadening downwardly your landing page.

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

Image

Page Width	Recommended Image Width
780px	564px
960px	924px
1224px	924px
1332px	1188px

Image bill of fare

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

Paradigm + text

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

Epitome group

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

Adjust the Landing Page Width

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

Click Campaigns.
Click All campaigns.
If you have more than one audience, click the Current audition driblet-down and choose the one associated with your landing page.
Click the draft landing page you want to work with.
Click the Style tab.
Click Page.
In the Page Container Style department choose a width.
Click Save.

Background images on landing pages

Larger groundwork images volition expect cleaner on larger screens, just nosotros recommend keeping images betwixt 1500 and 2500 pixels wide. The recommended image elevation depends on how much content you lot've got in your landing page, just it'southward important to go along in mind that larger images can slow down your page.