Не перегружайте Ваш сайт излишней графикой. Если Вы используете изображения фотографического качества, вставляйте на страницы их уменьшенные версии как ссылки на полноценный файл. При этом Вам придется создавать два файла изображения с разным разрешением.
При вставке изображений обязательно
указывайте альтернативный текст (параметр alt).
Это добавит Вам лишние очки у пользователей,
отключающих автоматическую загрузку
картинок.
Следует указывать размер вставляемого
изображения (параметры width и height).
Это позволяет браузеру сразу правильно
отобразить страницу, не дожидаясь загрузки
заголовки файла картинки.
По умолчанию, а также при указании
большинства значений параметра align
(выравнивание) картинка вставляется в текст
как большая буква.
При указании align=left или align=right
изображение ведет себя как плавающий
объект около текста.
Не путайте альтернативный текст (параметр
alt) и всплывающие подсказки (параметр
title). Не все браузеры отображают alt
как всплывающие подсказки.
Если Вы используете изображения в
качестве ссылок, отключайте рамку округ них,
<img src=... border="0"> иначе
в некторых браузерах (в т.ч. и Internet Explorer)
картинка будет окаймлена рамкой цвета
ссылки. Сравните
и
.
Для хранения полноцветных фотографий (сканированных изображений) используйте формат JPG (JPEG).
Форматы GIF и PNG позволяют сокращать размер изображения за счет ограниченной палитры цветов. Поэтому их лучше использовать для хранения рисованных изображений.
Растровые изображения всегда имеют прямоугольную форму. Однако форматы GIF и PNG позволяет задавать прозрачные точки (пиксели).
Использование маленьких изображений в качестве заголовка и/или навигационных ссылок позволит оживить сайт. Даже самая непритязательная графика, как на этой странице, делает сайт более привлекательным. Чтобы подчеркнуть, что текущая страница - Советы 4 ее изображение выполнено другим цветом.
