Our email campaign image editor automatically decides whether the image should be made constrained by 50% for high-definition displays or not. This option makes sure your image looks great on high-definition displays that are commonly found on mobile devices (iPhone, iPad) and the latest computers (4k displays, Apple Retina displays).
How it works
Once you upload an image to your email, its resolution is checked. If the image has a resolution of at least 2x the resolution of the image position, it will be constrained and look good on high-definition screens.
Let's say you have an image that is 1000px by 400px, and the image position you are adding it to is 500px by 200 px. In that case, your image will be shrunken and will not look blurry on phones, tablets, or other high-definition screens.
If you have an image of lesser size than 1000px by 400px and try adding it to the same position (500px by 200px), it will not be constrained by 50% and might look blurry on high-definition screens.
Bottom line: You should make sure that your images are high resolution to get the best results and sharp-looking emails.
A visual representation of how it works is provided below.
Recommended image sizes
Different email content blocks have different image positioning and require different sized images. To be sure all images on your emails look sharp, always upload images with at least 2 times higher resolution than the position itself. Keep in mind that only JPG, PNG, and GIF formats, each under 2000px in dimension, can be used.
You can always know the width of the position by checking on the placeholder (see examples below). You should not worry about the image's height, as it will automatically adapt.
You can also always know the size of the image you are about to use by checking its details on your Image Library (see image below).
Example 1. This arrangement's suggested product image size is at least 328px by 328px (Classic Email builder).
Example 2. The suggested image width in this arrangement is 576px, and the height would adapt to keep the appropriate proportions of the image (Classic Email builder)
Example 3. The suggested image width in this arrangement is 252px, and the height would adapt to keep the appropriate proportions of the image (New Email builder).
Example 4. The suggested image width in this arrangement is 528px, and the height would adapt to keep the appropriate proportions of the image (New Email builder).
Constrain dimensions for LOGO image
To prevent the logo image from appearing fuzzy when your campaign or automation message is viewed on devices with retina display, use the Constrain image dimensions 50% for high-definition displays. The setting will make the logo image appear clearly on all screens and ensure it does not look blurry on the mentioned retina displays.
⚠️In the New Email Builder Logo block is constrained by 2x by default and will look good on all displays.
You can use this setting for logo images only, it is available in the Logo/ header content block. To use the setting, click on Settings > check the Constrain image dimensions by 50% for the high-definition displays box:
Have more questions? Don't hesitate to reach out to our Support team.