Основы Web графики

часть 1

web-графика имеет ряд особенностей по сравнению с обычными изображениями. Рисунки значительных размеров могут привести к большим затратам времени для загрузки изображений из Интернета, особенно в случае медленных каналов связи. Кроме того, одновременный просмотр больших рисунков, размещенных на вашем сайте, несколькими людьми может привести к перегрузке web-сервера. Также при создании web-документа с графикой следует иметь чувство меры, не загромождая страницу излишними изображениями и раздражающей анимацией.

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

В файлах растровой графики содержатся данные о каждой точке рисунка, которые называются пикселями. Каждое растровое изображение содержит фиксированное количество пикселей, поэтому высота и ширина такого рисунка могут быть определены как количество точек, расположенных вдоль его вертикальной и горизонтальной границ. Общее число пикселей определяет размер файла, или объем данных, содержащихся в рисунке. Важным параметром растрового изображения является глубина цвета или битовое разрешение - величина, которая определяет количество бит информации на один пиксель. Битовое разрешение характеризует объем цветовой информации, используемой для описания каждого пикселя рисунка. Чем больше глубина цвета, тем шире диапазон доступных цветов и тем точнее их представление в оцифрованном изображении. Каждый пиксель рисунка представляется определенным количеством бит - от 1 до 24. Объем графического файла зависит не только от размеров изображения, но и от глубины цвета. Чем больше цветовая глубина, тем больше объем файла с рисунком. Отметим, что при масштабировании растровой графики качество изображения ухудшается.

На web-страницах, как правило, используется растровая графика. При создании web-рисунков следует помнить о нескольких обстоятельствах. Среднестатистический пользователь работает в Интернете с разрешением экрана не более 800x600. Поэтому ваше изображение не должно превышать размеры 700x400 пикселей, поскольку часть экрана займет браузер. Кроме того, многие пользователи могут видеть на своих мониторах только 256 цветов. При использовании 24-битной графики эти пользователи не только не смогут увидеть на своих мониторах всей заложенной вами цветовой гаммы, что приведет к снижению качества изображения, но и рисунок будет продолжительное время загружаться из Интернета. Для оценки максимального размера графического файла для web-страницы можно полагать, что время загрузки изображения по сети не должно превышать одной минуты. При еще распространенной в нашей стране скорости передачи данных для модемного соединения около 1,5-5 Кбайт/с объем файла с рисунком должен быть не более 60 Кбайт.

Чтобы как то ориентироваться во всех способах хранения и преобразования графической информации, для обычных пользователей было придумано понятие - формат. Форматов графических изображений набралось так же немалое количество, в следующей статье мы рассмотрим три из них, наиболее подходящие для создания web - сайта.

Читать дальше...
   return_links(1); ?>
   return_links(1); ?>
   return_links(); ?>

По материалам: "Создаем, программируем, шлифуем и раскручиваем WEB-сайт" Ю.Ю.Замятин, М.А.Горин, В.А.Ищенко. -М: Лучшие книги, 2009г.

Перейти на главную страницу

Главная страница

Зарабатываем деньги:

Где заработать??? обзор рыбных мест.

 

Разное

Наш сайт в каталогах

 

 

   

Написать письмо вебмастеру folvarok@mail.ru

Использование материалов данного сайта разрешено при условии обязательной гиперссылки на данный ресурс. Авторские права на данный ресурс принадлежат Кузьминичу Евгению.

февраль 2010г.