Resizing

Section 1 - Introduction
Section 2 - Basics
      Your first page
      Formatting
      Text tricks
      Pictures
         Image Tag
         Alignment
         Spacing
         Resizing
         Alt Tag
         Borders
         Saving Pictures
         Gif and jpg
         Copyright
         You try it
      Links
      Backgrounds
Section 3 - Next Level
Section 4 - Advanced
Section 5 - Publishing
Section 6 - Extras
Appendices
Resizing the picture
If you tell the computer the size of the image, it will help it load faster. This is not a big problem with high-speed computers, but it is with slower models. While it's not required to put the codes for picture size into a command, it is preferred. (Honestly, I'm too lazy to do this all of the time.)

The picture of the floppy disc has a height of 48 pixels and a width of 47 pixels, so if I wanted to put in the height commands, I would type:
<img src="floppy.gif" height="48" width="47">
...plus I'd put in any of the other commands I wanted. This can be used to resize pictures, but it's risky. Here's how you'd double both height and width:
Code
<img src="floppy.gif" align="right" width="94" height="96">
What you see
The reason that this resizing is risky is that if it gets too big, the picture gets very grainy. Also, if the width and height commands aren't given correctly, you get a smushed picture.
Code
<img src="floppy.gif" align="right" width=94" height="48">
What you see
It's a good idea to put in height and width commands, but make sure thy're accurate. You can check the pixel size on most graphics programs. I get lazy and don't put them in that often.
Back Home Forward