Best Practices for Customization: Images

< Back

Here are some tips and tricks for easily adding custom content to your emails and campaigns. Click on a category below or scroll down to explore.

Images - Quality, Sizing and Cropping - 3 Key Tips

1.) Pay attention to image size.

No image should be larger than 580 pixels in width. Some images may need to be smaller, depending on where they are used.

No image should be larger than 580 pixels in width. Some images may need to be smaller, depending on where they are used.

3.) Use high-quality images.

Do not scale up images more than 10% and always have a resolution of at least 72 ppi but no more than 150 ppi.

Do not scale up images more than 10% and always have a resolution of at least 72 ppi but no more than 150 ppi.

2.) Crop images.

Make sure images are really showing what is important, especially Champion images. These should be cropped tight to the face and not show the entire torso.

Make sure images are really showing what is important, especially Champion images. These should be cropped tight to the face and not show the entire torso.


Image Sizes

Before uploading an image to a message, library article or campaign, adjust the size of the image to 580 pixels in width (max). This is the standard full-column size for images on the web.

Our content management tool will downsize (or upsize) most images to fit the space designated in your message or campaign. Because of this, uploading an image less than 580 pixels width for a full-column space will result in a blurry display. So stick with 580 pixels width as your standard size.

*Exception: When uploading a new "champion" image or an image in a column or row that uses the "image/text element", you will need to size that image to allow for text to appear adjacent to it.

Because of this, we recommend uploading images no larger than 150 pixels width (and no smaller than 55 pixels width) for the image/text element.

How to Resize an Image with the Paint application (PC only) 

1.) Open "Paint" by clicking the Paint button, (located in "Accessories" in "All Programs").

2.) Click "Open", select the picture you want to resize, and then click "Open".

3.) On the "Home" tab, in the "Image" group, click "Resize."

4.) In the "Resize and Skew" dialog box, select the "Maintain aspect ratio" check box.

5.) Click "Pixels", and then Update the width (height will adjust automatically).

6.) Click the "Paint" button, point to "Save as", and then click the picture file type for the resized image. 

7.) Type a new file name in the "File name" box, and then click "Save."

How to Resize an Image with the Preview application (Mac OS only) 

1.) Open the image file and the Preview application. 

2.) In the top navigation bar, click "Tools" then "Adjust Size..."

3.) Make sure the boxes next to "Scale proportionally" and "Resample image" are both selected. 

4.) In the drop-down next to "Width" and "Height", make sure "pixels" is selected. 

5.) Update the width (height will adjust automatically). 

6.) Click "OK"

7.) Under "File" in the top navigation bar, click "Save". Your image is now saved at its new size.

Back to Top

> Next: Why Is My Image Not Showing Up?

< Back to User Guide Index