Уроки Фотошоп
Размеры и разрешение
В отличие от бумажной, размер Web-страницы не ограничен ни по горизонтали, ни по вертикали. Тем не менее, ни в коем случае не делайте страниц, ширина которых превышает ширину экрана. Длина страницы менее критична, но оптимальная величина — два-три экрана. Поскольку изображения на Web-странице предназначены только для просмотра на экране, их разрешение должно совпадать с разрешением экрана, а размеры не должны превышать его Разрешение мониторов варьируется в широких пределах, так же, как и диагональ экрана — на какие же параметры рассчитывать Web-дизайнеру9 На практике страницы проектируются исходя из средних величин Наиболее типичное разрешение мониторов на сегодня 72 пиксела/дюйм (800х600 пикселов), а диагональ 15 дюймов (видимая область 14 дюймов или 35 см) Из этих размеров следует вычесть площадь, занимаемую элементами интерфейса самого браузера. Кроме того, большинство пользователей предпочитают открывать окно браузера не на весь экран, чтобы иметь возможность быстро переключаться между несколькими одновременно открытыми его копиями В результате получится примерно 600х400 пикселов (рис 9.1).
Рис. 9.1. Размер
Web-страницы
на экране монитора
Размеры изображений на странице определяются ее дизайном. Если у вас есть возможность изменить дизайн страницы таким образом, чтобы уменьшить количество изображений и их размеры, то обязательно воспользуйтесь ею, например:
Примените сплошной цветной фон вместо графического.
Используйте цветной фон ячеек таблиц вместо графического.
Создайте текстовые ссылки вместо графических кнопок
Вводите для серии страниц повторяющиеся графические элементы, чтобы избежать их постоянной загрузки по сети
Определите наиболее долго загружающиеся изображения и рассмотрите возможность уменьшения их размеров
Еще несколько советов по оптимизации загрузки изображений:
Одно большое изображение грузится быстрее, чем несколько маленьких (не пересылается дополнительная служебная информация), поэтому используйте изображения-карты ссылок (image maps).
Указывайте в ссылках на изображение его размеры — браузеру потребуется меньше времени на загрузку изображения и он сразу построит для него правильную рамку.
В Web-дизайне удобнее применять другую единицу измерения для изображений — пиксел. Такая единица избавляет от необходимости использования пары параметров размер/разрешение и позволяет легче соотнести размер изображения с размером страницы. В данной главе будем пользоваться именно этой единицей измерения.
|
 |
Уроки Фотошоп
|
