Размер
Рис 9.1. Размер
Web-страницы
на экране монитора
Размеры изображений на странице определяются ее дизайном. Если у вас есть возможность изменить дизайн страницы таким образом, чтобы уменьшить количество изображений и их размеры, то обязательно воспользуйтесь ею, например:
§ Примените сплошной цветной фон вместо графического.
§ Используйте цветной фон ячеек таблиц вместо графического.
§ Создайте текстовые ссылки вместо графических кнопок
§ Вводите для серии страниц повторяющиеся графические элементы, чтобы избежать их постоянной загрузки по сети
§ Определите наиболее долго загружающиеся изображения и рассмотрите возможность уменьшения их размеров
Еще несколько советов по оптимизации загрузки изображений:
§ Одно большое изображение грузится быстрее, чем несколько маленьких (не пересылается дополнительная служебная информация), поэтому используйте изображения-карты ссылок (image maps).
§ Указывайте в ссылках на изображение его размеры — браузеру потребуется меньше времени на загрузку изображения и он сразу построит для него правильную рамку.
В Web-дизайне удобнее применять другую единицу измерения для изображений — пиксел. Такая единица избавляет от необходимости использования пары параметров размер/разрешение и позволяет легче соотнести размер изображения с размером страницы. В данной главе будем пользоваться именно этой единицей измерения.
