Why does my image look so distorted on the web?

The most important thing to remember when adding images to your site is that you must make them web-ready and the correct size before you add them to the site. Use an image editor such as Photoshop to resize your image to scale and convert it to 72 dpi. If you try to use controls within the site to resize your image the data that makes up the image will get smooshed or pulled and cause the image to display incorrectly. After your image is properly adjusted for the web you can add it to your page.