Auto And Trucks 1946Business And Finance 11381Cellular Phones 10Collectibles 10College Articles 455Computers And Internet 4892Education 839Environment 825Family 3852Food And Drink 1559Gadgets And Gizmos 924Gardening 68Gifts And Gift Baskets 18Government 806Health 5196Hobbies 959Home Improvement 2196Humor 203Kids And Teens 804Legal 1609Marketing 6217Men 338Music And Entertainment 779Online Business 4940Parenting 1369Pets And Animals 951Recreation And Sports 2236Relationships 684Religion 694Self Improvement And Motivation 7987Site Promotion 1526Sports And Recreation 217Travel And Leisure 2668Web Development 3317Women 2242Writing 2437
Web Source Web Design Tips - Resizing Your Images
The IMAGE tag is used to display images on your web page.
You can resize your image within your HTML by changing
the HEIGHT and WIDTH values. To retain your images original
characteristics, make sure you adjust the height and the
width equally. In other words, if your original graphic
dimensions are height 50 and width 100, to reduce your
image to one half the size, you would change the height
to 25 and the width to 50. This technique works best with
.jpg images, as.gif images are reduced to a maximum of
256 colors.
In addition, you can add the ALT element to enable you
to place your most relevant keywords for Search Engine
indexing. The text will only be displayed on your web site
while your image loads and when your mouse is over it.
Example:
![]()
ALT"health fitness">
You can resize your image within your HTML by changing
the HEIGHT and WIDTH values. To retain your images original
characteristics, make sure you adjust the height and the
width equally. In other words, if your original graphic
dimensions are height 50 and width 100, to reduce your
image to one half the size, you would change the height
to 25 and the width to 50. This technique works best with
.jpg images, as.gif images are reduced to a maximum of
256 colors.
In addition, you can add the ALT element to enable you
to place your most relevant keywords for Search Engine
indexing. The text will only be displayed on your web site
while your image loads and when your mouse is over it.
Example:
About the Author
Shelley Lowery
slowery@web-source.net
Tip provided by: Web Source: Your Guide to Professional
Web Design and Development. http://www.web-source.net