Background tips

A background image adds greatly to the visual appeal of a page. However, an image with large dimensions can take a great deal of time to loading on a slow connection, and if you place the background image code in the <div> section of an HTML, it can delay loading the page's main content. Select a technique to reduce the size of the image..


Step 1:


Convert the background image to the JPG format and compress it to reduce its size. Converting a PNG background image to JPG can result in a significantly smaller image that appears virtually identical. Many free image editing programs can convert a PNG file to JPG while allowing you to select a compression ratio that balances file size and image quality.

Step 2:


Use a solid color instead of an image for the page's background. Browsers can render solid colors without loading, contributing greatly to reduced loading times.