Request a Call-back Newsletter
logo Request a call-back
Name*
Phone*
Messages :
Image Verification:*
WEBSITE PACKAGES
HIRE OUR DESIGNERS
Samran
Resizing Images PDF Print E-mail
How to Resize Images, Graphics or Photos within HTML Web Pages?

The IMAGE tag is used to display images on your web page.
You can resize your images, graphics or photos within your HTML web pages by changing the HEIGHT and WIDTH values.

To retain the original characteristics of your images make sure you adjust the height and width equally. Say for an example, If your original graphic dimensions are 50x100 (width 50 and height 100), and you would like to reduce your image to one half the size, then you would have to change the width to 25 and the height to 50.
Please note: Your image should be in the format of JPG or JPEG files. Images formatted in GIF do not resize well, as their colors have been reduced.

 

Original Image:
IMG src="yourimage.gif" WIDTH="96" HEIGHT="134"
Resized Image:
IMG src="yourimage.gif" WIDTH="76" HEIGHT="114"

Resizing your image within your HTML code should only be used for small changes. Large image files will remain large even if you resize it within your HTML.

samran
Featured Clients
OOPS. Your Flash player is missing or outdated.Click here to update your player so you can see this content.