picLynk.com - Free Image Hosting

I'm sure you came accross a web page where an image took up the whole screen because whoever posted that image they did not resize it. There are things you can do to make sure that does not happen to visitors to your web pages.
---------------------------------------
Advertise Here
---------------------------------------

Determing the size of an image

In order to specify the size of an image, you'll first have to figure out what the image dimensions are. The image dimensions are measured in units called "pixels", which are points on an image.

Here are two different methods to check the image size:

Online Images

In your browser right click on the image that is showing on a web page.
Select Properties
Internet Explorer browsers will show "Dimensions: number x number pixels". First number is the width and second is the height.
Firefox browsers will show "Width: number px" and "Height: number px"

Images On Your Computer

In Windows XP right click on the image.
Select Properties
In the upper tab click on Summary (click on advanced if needed)
Image property will show the Image Width and Height in pixels.

---------------------------------------
Advertise Here
---------------------------------------

Image Resizing

In the html image statement, add an option which defines the size of the image in pixels.

Example:
Image Size: 256px x 192px
You can see that by right clicking on the image below and following the steps given above.

HTML CODE:

To resize this image add the width="NUMBER" height="NUMBER" statement to the img src line. Here is how we resize the above image by 50%:

HTML CODE:

By applying the code above your image will show up half the size of the original.

To make the image bigger or smaller simply change the number for the width and the height. Higher the numbers the bigger the image will show.
Lower the numbers the smaller it will show.

---------------------------------------
Advertise Here
---------------------------------------