|SharpSpring’s landing page features allow you to customize web pages without the assistance of a graphic designer or web developer.
This article will detail how to add a background image to landing pages.
Adding Background Images
To add background images to landing pages, do the following:
Important: The maximum file size for uploaded content is 5MB.
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 SharpSpring, 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.