Adding Background Images to Landing Pages

Tip: Are you looking for information about Constant Contact’s Email and Digital Marketing product? This article is for Constant Contact’s Lead Gen & CRM product. Head on over to the Email and Digital Marketing articles by clicking here. Not sure what the difference is? Read this article.

Adding Background Images

To add background images to landing pages, create or edit a landing page:

1. Double-click into the section where a background image will be added.
2. Do either of the following in the right sidebar menu that appears:
   • Enter the image URL in the URL field.
   • Click File Manager to either pull images from your file manager uploads or to upload from your local machine.
     Important: The maximum file size for uploaded content is 5MB.
3. Click Publish.
   
   
    

Important Information Regarding Image Sizes

When you upload images to the File Manager, be sure to upload an image that will accurately represent the size that you want to display it as. Otherwise, there may be issues with image scaling. This applies especially to background images for pages. You will need to import images at a set resolution for them to render properly when set as background images. 

In Lead Gen & CRM, the most common image scaling issue is upscaling, where the image is made to display as larger than its uploaded dimensions. When images with small dimensions are made larger, they are forced to upscale and become distorted, often appearing blurry or pixelated. For example, if you upload an image with a height and width of 200 pixels, it will best display at that size. If you try to use the image in a way that forces the image to become larger, it will upscale and not look as it did originally.

The best way to work with uploaded images is to upload images that conform to the specific dimensions of your emails, pages, or other content. Setting dimensions in a layout or template first and then uploading an image that fits those dimensions will limit scaling issues.

Currently, the generally accepted standard resolution for web pages is 1920 pixels wide by 1080 pixels tall. However, there is no uniform standard, as there are many video displays that have resolutions that are larger than this.

Be aware that, when viewed on certain video displays, even those images that have been saved as and set to certain dimensions might not display correctly for every person who views your web page. What may look fine on one display might be distorted on another. 

Did this article answer your question?