Графика в HTML

Одновременно с текстом броузеры могут воспроизводить графические изображения. Благодаря этому документы выглядят лучше. Более того, графика может нести такую информацию, какую невозможно или очень трудно передать словами.

Графика вставляется тегом <IMG>. Ни один броузер не может распознавать все возможные графические форматы файлов. Пользуйтесь форматом GIF - с ним работают большинство броузеров.

Учтите, что файлы графики могут иметь большие размеры. Чем больше размер изображения, тем больше размер файла. Старайтесь, чтобы графические файлы не были велики. Используйте графику только тогда, когда она информативна и полезна.

Разрешение изображения.

Для увеличения скорости передачи документа можно использовать атрибут LOWSRC в теге <IMG>. Создайте два графических изображения: одно с высоким, а другое - с низким разрешением. Когда броузер загружает файл HTML, графика с низким разрешением изображается вместе с тектстом. После этого броузер принимает картинки с высоким разрешением и подменяет ими ранее полученные изображения.

Размер изображения.

Другой способ сокращения времени загрузки состоит в задании размера изображения с помощью атрибутов WIDTH (ширина) и HEIGHT (высота) в теге <IMG>. Атрибуты размера изображения, которые измеряются в пикселах, предупреждают броузер до приема всего графического файла о том, насколько велико будет изображение. С учетом этих размеров броузер сначала выделяет место, требуемое для размещения изображения, готовит макет документа, изображает текст и только потом загружает графику. Это значит, что клиент может прочитать текст до того, как загрузится графика.

Графические ссылки.

Графические ссылки позволяют щелкнуть на изображении и перейти к другому файлу. Графическая ссылка выделяется рамкой, цвет которой зависит от параметров настройки броузера.

Для того, чтобы сделать графическую ссылку, надо набрать тот же код, что и для текстовой ссылки. Но в том месте, где стоял текст, выделенный для ссылки, поставьте графическое изображение, на котором будет производиться щелчок.

Обрамление графических ссылок.

Броузеры показывают обычные картинки без рамок, а графические ссылки - в рамках. Однако, и в том, и в другом случае рамками можно управлять. Вы можете создать, отменить, а также изменить их толщину. Толщина рамок измеряется в пикселах.

Но имейте ввиду, что создание рамки для графического изображения, которое не является ссылкой, и, наоборот, отказ от рамок для графических ссылок, может запутать читателей вашего документа.

Если графика находится в другом каталоге, то необходимо указать URL-адреса файлов. Считается хорошим стилем выделять для графики специальные каталоги. Это гарантирует то, что графические файлы всегда будут найдены.