Существует ряд стандартных ошибок, совершаемых начинающими веб-мастерами при работе с графикой. Чтобы не повторять их, следуйте приведенным ниже рекомендациям.
Вводите alt комментарии к рисункам, потому что если у пользователя отключен показ графики, он не сможет понять что находится на данной веб-странице и уйдет.
Никогда не используйте чужие графические элементы на своем сайте!
Можно брать картинки из «клипарта», продаваемого на CD-дисках, но ни в коем случае не стоит «воровать» авторские кнопки, баннеры и прочие элементы. Опустим морально-этическую сторону и перейдем к практической. Все объекты, находящие на вашем сайте должны гармонировать с основным дизайном, в этом и состоит индивидуальный стиль. Но если вы будете использовать сторонние элементы, «заточенные» под конкретный сайт, вместо продуманного дизайна получится смешение стилей, и как результат, полное отсутствие какой-либо индивидуальности. В «клипарте» все рисунки, как правило, имеют стандартный вид, поэтому проблем с ними не возникает.
Фоновый рисунок должен быть нейтральным!
Прежде чем выбрать фоновый рисунок для сайта, подумайте о потенциальных посетителях ресурса: будет ли им удобно читать текст на таком фоне. Фоны «природной» тематики не используются профессиональными дизайнерами.
Делите картинки большого размера на части!
С помощью графического редактора, например Adobe Photoshop, изображение разрезается на части, которые затем «склеиваются» во время вставки в таблицу, размещенную на веб-странице. Таким нехитрым способом можно значительно увеличить скорость загрузки веб-сайта.
Графические изображения могут быть использованы в качестве ссылок!
Добавив в html-код строку <a href="адрес"><img src="адрес"></a>, вы получите обыкновенную ссылку. Только вместо текста будет использоваться изображение и при этом существует возможность работы с тегами, применяемые для формирования текстовой гиперссылки. Поддерживаются атрибуты BORDER (создает рамку), LINK (цвет обычной ссылки) и ALINK (цвет активной ссылки).
Не забывайте о чувстве меры, польстившись на привлекательные анимационные картинки в формате gif. Пользователей в первую очередь интересует информация, на анимацию же они обращают внимание только в том случае, если она что-либо выделяет или из-за ее переизбытка невозможно быстро загрузить страницу.
Графическое изображение, содержащее текстовые надписи, должно быть сохранено в gif-формате. Сохраняя изображения в этом формате, позаботьтесь о наличии прозрачного фона.
Перед публикацией изображения в Интернете, оптимизируйте его (уменьшите объем файла) в графическом редакторе. Это способствует повышению скорости загрузки веб-страницы.
Источник: web-silver.ru