Масштабування зображень
На мал. 3 показана веб-сторінка (лістинг 3), що містить три зображення різного розміру, джерелом яких є один і той же файл. Файл має розміри154 піксели завширшки і 248 пікселів у висоту. Перше зображення збільшене в два рази, друге має реальний розмір, розміри третього зображення зменшені в два рази. Зображення знаходяться один від одного на відстань трьох нерозривних пропусків.
Якщо непродумано задати ширину і висоту зображення, воно спотвориться.
Лістинг 3. Приклад створення трьох зображень різного розміру з одного файлу
<HTML>
<HEAD>
<TITLE>size</TITLE>
</HEAD>
<BODY>
<IMG WIDTH=308 HEIGHT=496 SRC="BASKTBAL.JPG">
<IMG WIDTH=154 HEIGHT=248 SRC="BASKTBAL.JPG">
<IMG WIDTH=77 HEIGHT=124 SRC="BASKTBAL.JPG"> </BODY>
</HTML>
Мал. 3. Три зображення різного розміру з одного файлу