There is a science to using pictures and graphics on your website. Simply grabbing a photo or graphic and just putting it on your website may result in a choppy image or a slow loading page. There are a couple of simple rules to follow when putting images on your website…

1) Pick the right format for the image you are displaying. Your choices are JPG, GIF or PNG read this post to find out the differences and the advantages of each format.

2) Size your image correctly before loading it for use on your webpage. Putting in a large image and resizing it within our tool is not the best approach. The Bright Egg system and most other page editors allow you to resize an image by simply grabbing a corner and dragging it bigger or smaller, however, this is not the recommended approach if you want your site to look professional.

If you take a large photo and reduce it in our tool, it will not only look jagged to the viewer, but it may take a long time to load. To put it in perspective, let’s look at the average photo from a digital camera. The average photo is over 1 MB (Megabyte) in size and the longest side is over 2000 pixels. The average web photo’s longest side is 200-400 pixels and typically 50–100KB (Kilobyte) in size. So, the lesson here is to resize the image to a good “Websize” prior to uploading.

The same goes for taking a small image and stretching it to a larger size. This will make the image look blurry.

To effectively resize your photos, use a professional graphics program such as Photoshop elements or you can use online tools such as http://www.shrinkpictures.com or http://www.resize2mail.com