<class home>  <graphics>   <back   next>

Graphics For the Web: getting the image onto an html page

Image Tag: Size
you can alter the size of your image on the page.
It is always a good idea to specify the size for the browser, even if you don't alter it. This helps the stuff on the page load.
<img src="your image" width="x" height="y" />
to see how big your image normally is you can throw it in a browser and get its properties or open it in Photoshop and use Image>Image Size to get the size.


example>>>image with height and width set to it's unscaled size
example>>>image with height and width set to a reduce scaled size

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>Pony Pony Pony</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
Here is my pony<p>
<img src="pony.gif" width="114" height="106" />
</p>
</body>
</html>