I'm very proud of my granddaughter but this is just a little too large!

Original Picture with Height of 465 and width of 457 pixels (465 x 457)
The file size is 32 KB (32000 bytes)
The left picture is the same picture file as the one above but I reduced the width and height
by adding these attributes in the HTML image source (img src="emilyj.jpg")
element.
The file size remains 32 KB although the picture is much smaller than the
original above. The right picture was reduced in a graphics application program to the same size (250 x 246 pixels) but the picture has been reduced to a file size of 12KB (12,000 bytes)
|
![]() |
|
<img src="emilyj.jpg"
width="250"
height="246">
File size of 32 KB |
<img src="emily.jpg">
File size of 12 KB |
When the height and width are not kept proportional the picture becomes distorted.
WIDTH=250 HEIGHT=246 |
WIDTH=125 HEIGHT=246 |
WIDTH=250 HEIGHT=123 |
WIDTH=125 HEIGHT=123 |