Image Sizes: Working with Pixels
What is a Pixel?
Pixels are the unit of measurement used by computers for images. One pixel is equivalent to approximately 0.01 inches. Computer monitors can be set to display at different "resolutions", which are the maximum width and height that will be displayed on the monitor (in pixels). These alterations affect everything viewed on the monitor (including web pages!). In order to make sure your images and web content are easily viewed by visitors, you should refrain from using very large images on your site. See the samples below to get an idea of which image size will work best for your site.
Sample Image Sizes
Pictures with a width of 800 pixels or more will occupy all of your content space on most screen resolutions. To avoid this problem consider resizing your images so that their width is below 800 pixels. Some sample image sizes are provided below. Feel free to use image widths that are between the sample sizes below (450, 200 etc). For more information on resizing images and providing users with an option to view larger images, please refer to the "Working with Images" instructional guide.
Picture Width = 800 pixels
Picture Width: 500 pixels
Picture Width: 300 pixels
Picture Width: 100 pixels