Глава 17. График 367

Вопросы, связанные с пропускной способностью сети

Использование графики может не только украшать ваши страницы, но и раздражать читателей, если изображения будут загружаться слишком долго. Уменьшая объем графических файлов, вы снижаете временные затраты пользователей на вывод ваших страниц. Как правило, файлы изображений должны быть не более 30—50 Кб, а файлы пиктограмм — до 5—10 Кб.

Думайте о своей аудитории

Даже если файлы графики не велики по размеру, время их загрузки индивидуально для каждого отдельного пользователя. Файл в 50 Кб передается по линии типа Т1 за несколько секунд, однако при сеансовом подключении с помощью модема со скоростью 14,4 или 28,8 Кбит/с загрузка может длиться несколько минут. Помните о пользователях, имеющих медленное соединение. Вы даже можете запросить у своих посетителей данные о времени вывода вашей графики и соответственно откорректировать ее размеры.

(Совет)

Не забывайте использовать атрибут ALT тэга <IMG>для вывода текстового описания изображения.

Разработчики корпоративных сетей intranet в этом отношении могут чувствовать себя более свободно. Пользователи такой сети, как правило, имеют скоростные соединения. Располагая такой однородной аудиторией, Web-мастер может увеличить размеры файлов графики, оставляя при этом время загрузки приемлемым. Однако и в этом случае полезно протестировать время вывода изображений, особенно при помощи пользователей, находящихся на значительном удалении от сервера сети.

Рекомендации по уменьшению файлов

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

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

Предупреждение

При модификации размеров всегда сохраняйте пропорциональность изображения. Если для изменения размеров вы используете атрибуты WIDTH и HEIGHT тэга