Graphics 

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