Your Guide to Professional
Web Site Design and Development

HTML Codes
Web Development
Web Design Tips
JavaScript Codes
216 Web Safe Colors
CSS Tutorial
JavaScript Tutorial
ASCII Character Codes

Offering a guide to professional web site design, web page design and web design guidelines

| Web Site Development | HTML Codes | HTML Tips | Web Design TipsJavascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

Resizing Images, Graphics or Photos within HTML Web Pages

The HTML IMAGE tag is used to display images within 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 your images original characteristics, make sure you adjust the height and the width equally within your HTML. In other words, if your original graphic dimensions are 50x100 (width 50 and height 100), to reduce your image to one half the size, you would change the width to 25 and the height to 50.

Note: Your image should be in JPG or JPEG format. 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 web page 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.

 More Web Design Tips