4.1. Выбор формата графического файла.

Лучше всего пользоваться форматами gifилиjpeg, т.к. они поддерживаются большинством программ просмотра.

Формат gif.

• сжатие данных без потерь;

• поддержка прозрачного фона (возможны прозрачные участки изображений);

• чересстрочный вывод на экран;

• поддерживается большинством программ просмотра.

Формат jpeg.

• сжатие «с потерями»;

• размер файла меньше – скорость передачи больше (быстрее);

• поддержка 16,7 млн. цветов – высокое качество изображения;

• нечеткость изображений (дрожание линий) – невозможность передачи графики высокой четкости и текста.

4.2. Вставка изображения в документ.

Изображения представляются, как часть документа. Неграфические браузеры представляют взамен изображения значение атрибута ALT. Позиционирование изображения обеспечивается атрибутами элемента IMG.

<img src=”path/filename” align=”…” width=”…” height=”…” alt=”…” border=… vspace=… hspace=… >

align– выравнивание изображения;

width– ширина изображения;

height– высота изображения;

alt– альтернативное описание;

border– рамка вокруг изображения;

vspace– отступ текста от края изображения по вертикали;

hspace- отступ текста от края изображения по горизонтали.

Имя атрибута	Возможные значения	Смысл	Примечания
SRC	URL	адрес изображения	обязателен; смотрите замечания по графическому формату
ALT	строка	текстовое описание изображения
ALIGN4	TOP, MIDDLE, BOTTOM, LEFT, RIGHT	позиционирование изображения относительно текущей текстовой строки	по умолчанию BOTTOM
HEIGHT	целое	высота в пикселях
WIDTH	целое	ширина в пикселях
BORDER	целое	ширина бордюра (рамки) в пикселях	используйте BORDER=0 для подавления рамки
HSPACE	целое	отступ текста от края изображения по горизонтали	значение по умолчанию - малое ненулевое число
VSPACE	целое	отступ текста от края изображения по вертикали	значение по умолчанию - малое ненулевое число
USEMAP	URL	фрагмент идентификатора для сайта клиента с картой образа	карты определены элементом MAP; имена карт - чувствительны к регистру набора символов
ISMAP	ISMAP	показывает, что изображение является картой образа, реагирующей на нажатие клавиши мыши	когда пользователь "кликает" на изображении, этот атрибут обеспечивает передачу координат курсора серверу

Для иллюстрации связывания с изображением и внедрения изображений давайте рассмотрим изображение sae.gif. В Примере 1 рисунок внедряется в тело странички, а в Примере 2 устанавливается связь с изображением, которое расположено по адресу - http://www.hut.fi/~lsarakon/sae.gif.

Пример1.

<P>

<img src=”pic/sae.gif” align=”left” alt=”Пример картинки” border= ”no” vspace=”5” hspace=”5” >

</P>

Теперь, представим файл в другом виде (будем считать, что автор разрешил нам использовать его изображение):

Пример 2.

<P>

<IMG SRC="http://www.hut.fi/~lsarakon/sae.gif" align=”left” ALT="[Picture of Claudia Eater]" border= ”no” vspace=”5” hspace=”5” >

</P>