The eComm team is currently working remotely due to the COVID-19 pandemic, yet we remain committed to serving our users and ensuring success for both ongoing communications and event management. We encourage you to contact your eComm specialist if you require assistance. You can also take advantage of numerous online resources in the eComm wiki or submit a help ticket if you have a specific request.
Categorized in:
Marketing Cloud Image Best Practices
July 30, 2020 by Melanie Jones
Images used in Marketing Cloud emails need to be formatted to a certain size before being uploaded to Marketing Cloud. If you don't, the email might appear fine in Marketing Cloud when what's delivered to certain inboxes, it's completely different. Recipients of poorly formatted emails are less likely to engage with the content and more likely to unsubscribe.
While the basic rule is to never upload an image wiedr than 600 pixels wide, but the examples below serve as a guide to help you determine what size images are appropriate for your custom designed email. If you have additional questions, contact your eComm specialist.
- If a large image is uploaded to Makerketing Cloud (e.g. at 1200 px wide), that's the image size that will display in some recipients' inboxes, forcing them to scroll right to read the content. It will also take twice as long to download.
One Column Layout
1. If you have one image taking up the entire width of the email, it should be uploaded no wider than 600 px.
- In this example, I have added 10 padding on each side of the image (20 total). 600-20=580 which is what my image should be created at BEFORE uploading it to Marketing Cloud.
Two Column Layout
If you have two columns, each with an image, they should be uploaded no wider than 300 px.
- Below, the 2 columns are split 50/50 (or 300 pixels wide). I have added 10 padding on the sides of the image (20 total). 300-20=280 which is what both images should be created at BEFORE uploading them to Marketing Cloud.
- In this 'newsletter' example, I am using I have added 15 padding on each side of both images (30 total). 600-30=570/2=285 which is what both images should be created at BEFORE uploading them to Marketing Cloud.
Scale to Fit
Scale to Fit should NOT be checked in this situation.
This is because 'Scale to Fit' will have the image render to the size of the device it is being viewed on.In this case, the small thumbnail image will be blown up on a mobile device and will appear pixelated(image below).
Instead, there are two good options:
Do NOT check 'Scale to Fit' so it doesn't blow-up:
Or 'Hide' the content block
Three Column Layout
If you have three columns, each with an image, they should be uploaded no wider than 200 px.
- Below, let's look at each individual column (33% of the overall email or 200 pixels wide). I have added 10 padding on each side of the image (20 total). 200-20=180 which is what all three images should be sized to BEFORE uploading them to Marketing Cloud.
Scale to Fit
gh
Test your knowledge with the quiz below.