Графика
Возможность использования графики трудно переоценить в приложе- нии к любому виду публикации, в том числе и для Web-документов. Без ил- люстраций документ однообразен, вял и скучен. Расчетливо подобранная и правильно размещенная в документе графика делает его визуально привле- кательнее и, что самое важное, передает одну из основных идей докумен- та. Изображения могут сделать текст вашего документа более содержа- тельным. Представьте некий сухой HTML-документ, содержащий, например, описание придуманного вами технического устройства. Если он состоит из одного текста, то многим покажется скучным и порой непонятным. А если его "разбавить" несколькими иллюстрациями, размещенными в нужных мес- тах, документ станет более читабельным и визуально привлекательным. Изображения помогают лучше передать суть и содержание документа. Однако во всем нужно чувство меры. Это правило лишний раз подтверждает- ся при просмотре ряда Web-страниц. Довольно часто встречаются Web-стра- ницы, загроможденные фоновыми изображениями, ничего не выражающей гра- фикой и раздражающей анимацией. Планируя разместить на своей странице то или иное изображение убедитесь, что оно действительно необходимо. Если при просмотре печатных материалов вам не составит труда перевер- нуть страницу, то для Web-документов часто приходится дожидаться окон- чания его загрузки с тем, чтобы двинуться дальше. Загроможденность гра- фикой также плоха, как и полное ее отсутствие. Дело усугубляет наличие рекламы в Интернет, которая появляется на страницах многих сайтов в ви- де привлекательных графических плакатов (рекламных баннеров), которые обычно размещаются до основной содержательной части документов. Обычная реакция пользователей на рекламу в Web-документах точно такая же, как и на рекламу, вставляемую посреди вашей любимой телевизионной передачи. Использование графики в компьютерных документах имеет давние корни. Еще в те прежние времена, когда о мониторах приходилось лишь мечтать, подготовка документов выполнялась на перфолентах, перфокартах и распечатывалась на АЦПУ, препринимались попытки что-то изобразить графически. С помощью совокупности алфавитно-цифровых символов, накла- дываемых друг на друга, даже на алфавитно-цифровом печатающем устрой- стве удавалось построить подобие изображения. Вспомните кинофильм Э. Рязанова "Служебный роман", в котором над рабочим местом одного из ге- роев висела картинка, распечатанная на АЦПУ. Как это ни удивительно, графика такого рода (ее называют ASCII-графикой) до сих пор популярна в среде компьютерщиков. Так, например, в сети FIDOnet многие используют логотипы, составленные из символов кода ASCII. А в сообщениях, которыми обмениваются пользователи электронной почты, принято использовать от- дельные совокупности символов для выражения своих эмоций. Поверните го- лову набок и посмотрите, что вам напоминает следующая совокупность сим- волов :-). Вернемся в современность. Рассмотрим общие вопросы, возникающие на первом этапе работы с графическими изображениями на Web-страницах. Принимая решение о целесообразности включения в документ тех или иных иллюстраций, нужно иметь в виду следующее. Графические файлы могут иметь значительные размеры, что требует времени для их загрузки. Насы- щенность графикой может привести к недопустимо большим затратам време- ни, требуемым для получения документов, особенно, если используется со- единение с помощью модема на небольших скоростях. С другой стороны, одновременная работа нескольких пользователей с большими документами, размещенными на вашем сервере, может также привести к его перегрузке. Многие пользователи работают в режиме отключения приема графи- ческих изображений для увеличения скорости передачи данных. Некоторые пользователи до сих пор используют чисто текстовые программы просмотра. В обоих случаях от полученных документов останется только текстовая часть, которая должна давать информацию о содержательной стороне доку- мента. Поисковые системы не могут индексировать графику. Поэтому если на ваших страницах расположены только иллюстрации без текстовых поясне- ний, то читатели, использующие современные методы поиска, такие страни- цы не обнаружат. Следует помнить, что пользователи могут работать с различными разрешениями экрана монитора и различной глубиной цвета. Страницы, хо- рошо смотрящиеся при одном разрешении, могут выглядеть совершенно по- другому при ином разрешении. Сейчас на многих сайтах просто указывают, что его материалы оптимизированы для разрешения 800x600. Нужно помнить также, что многие изображения защищены законом об авторских правах. Публикация изображений без санкции автора может при- вести к неприятностям. В общем, изображения на Web-страницах могут использоваться дву- мя способами: в качестве фонового изображения, на котором располагаются элементы основного документа, и изображения, встраиваемые в документ. Рассматривая изображения на экране монитора, вы на самом деле видите большое количество разноцветных точек (пикселов), которые, буду- чи собранными вместе, образуют некую картинку. Отсюда следует, что графический файл должен содержать информацию о том, как представить этот набор точек на экране. Существует много способов описания графи- ческой информации, соответственно имеется значительное количество фор- матов хранения графических файлов, - порядка нескольких десятков. Все форматы хранения графической информации можно разделить на два типа: векторный и растровый. Файлы векторной графики содержат математические данные о том, как перерисовать изображение с помощью отрезков прямых (векторов) при выводе его на экран. Процесс вывода требует дополнительной обработки, но такое представление графической информации имеет важное преимущест- во: масштаб изображения может быть изменен без потери качества, так как не существует фиксированной связи между тем, как он определен в файле и выводом точек на экран. При масштабировании растровой графики обычно происходит потеря разрешения, что ухудшает качество изображения. Векторная графика, как правило, употребляется для изображений с четкими геометрическими формами. Примером ее применения являются систе- мы автоматизированного проектирования (CAD). В вектором виде хранится информация для некоторых типов шрифтов. Растровая графика предполагает хранение данных о каждой точке изображения. Для отображения растровой графики не требуется сложных ма- тематических расчетов, достаточно лишь получить данные о каждой точке и отобразить их на экране. На Web-страницах в подавляющем большинстве случаев используется растровая графика в двух форматах: GIF и JPG. Именно эти два формата непосредственно поддерживаются популярными браузерами, а для использо- вания большинства других графических форматов потребуются специальные средства. Формат BMP является стандартом MS Windows и поддерживается бра- узером Internet Explorer, однако его употребление не может быть реко- мендовано, так как данный формат не поддерживает сжатие данных. Разработанный недавно формат PNG был призван заменить растро- вый формат GIF, однако, несмотря на его очевидные преимущества, долж- ного распространения на данный момент не получил. Иные графические форматы (кроме GIF и JPG) в HTML-документах на WWW-серверах практически не встречаются, хотя принципиально это воз- можно. Использование других форматов не рекомендуется по следующим при- чинам: во-первых, только для GIF и JPG осуществляется встроенная под- держка в большинстве браузеров, тогда как для иных файлов необходимо подключение внешних программ отображения, во-вторых, структура файлов GIF и JPG наиболее подходит для передачи данных по сети и является не- завмсимой от платформы. Так, например, использование старого и доброго формата PCX, который существует уже более 10 лет и распознается практи- чески всеми графическими редакторами, крайне неудачно для сетевых при- ложений. Во-первых, алгоритм сжатия формата PCX (RLE - метод группового кодирования) дает малую степень сжатия, однако, близкой к скорости счи- тывания. Для сетевых приложений определяющим фактором является размер файла, от которого непосредственно зависит время передачи данных, по сравнению с которым время распаковки составляет ничтожную величину. Во- вторых, несмотря на последовательную структуру файла PCX (данные в фай- ле всегда хранятся по строчкам, начиная с первой до последней), палитра располагается в конце PCX-файла (это справедливо только для 256 цве- тов), что не дает возможности начать выдачу изображения по мере считы- вания файла. Последнего недостатка не имеют 16-цветные PCX-файлы (па- литра которых располагается в заголовке), а также последние версии PCX- файлов, которые разрешают хранить изображение в 16,7 млн. цветов (для них понятие палитры отсутствует). Здесь вы можете увидеть пример графического HTML-документа.