|
Site Navigation
Day One
Day Two
Day Three
Day Four
We use and recommend
for your on-line transactions
| |
Why Is Image
Size important.
Images and other
content on a web site are actually downloaded from the web server to the local
computer, stored in the Temporary Internet Files, and displayed in a web browser
program like Internet Explorer. We have all experienced the delay as a
large image slowly downloads and displays. This is something to keep in
mind as you add images to your site.
What is a pixel?
Basically, a
pixel is a dot of color in a digital image. Traditionally, a
computer monitor used to set to display an image 800 pixels wide, by 600 pixels
high. Currently, the bigger 17 displays are capable of displaying 1024 x
768 pixels. Larger displays have even greater capabilities. This
measurement is called screen resolution.
Lets say that we want to use pictures taken with a digital
camera at 3 megapixels. This camera will have an array of
2048×1536 sensor elements (2048 × 1536 = 3,145,728). A
megapixel is 1 million pixels. An image from this camera
would fill the entire screen, and slide off the right side and
bottom, causing the visitor to have to scroll to view the entire
image.
As we noted
earlier, FrontPage deals with the different screen resolutions of different
visitors by dynamically resizing the web page to fill the entire screen.
But as you work with images, you will want to scale them so they look good and
fit well into anyone's computer monitor. As a rule of thumb, design your
site so it fits inside an 800 x 600 screen resolution.
Lets look as some
images at different sizes.
The image below
is 752 x 600 pixels, and is about the maximum size that you can
comfortably fit on a web page. It has a file size of 93 KB.
|
752 x 600
pixels
93 KB
JPEG format |
These images have
been resized. The image on the left is 400 x 320, and the one on the right
is 200 x 160.
|
400 x 320 pixels
38 KB
JPEG format
 |
200 x 160 pixels
11 KB
JPEG format
 |
|
