4.9.1. Особенности графики для WWW


Рассмотрим некоторые технологические особенности веб-графики. Налагаемые на эту область ограничения можно разделить на три группы:

   устройств вывода (мониторов);

   каналов передачи информации (модемов);

   различных стандартов.

Первая группа ограничений определяется гораздо более низким, чем на бумаге, разрешением мониторов – 72-96 dpi (dots per inch, пикселов на дюйм) у мони­торов против 300 dpi у лазерных принтеров. Зато экранная графика компенсиру­ет низкое разрешение более широким цветовым охватом. Это связано с тем, что мониторы используют цветовую модель RGB, более близкую к возможностям глаза человека, чем применяемая при печати цветовая модель CMYK. Но в веб-дизайне это преимущество сводится на нет за счет того, что, сохраняя широту цветового охвата, цветная «безопасная» палитра значительно уступает полно­ценному компьютерному цвету в богатстве оттенков и естественности градаций цвета. О том, что такое модели цвета и «безопасная палитра цветов», рассказыва­ется в главе 5.

Вторая группа ограничений (ограничения каналов связи) сводится к тому факту, что при использовании не выделенной линии, а модема пользователь Интернета получает данные из сети со скоростью не более нескольких килобайт в секунду.

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

Наконец, третья группа ограничений носит исторический характер и связана с отсутствием единых стандартов программ для работы в Интернете. Некоторые из производителей программных продуктов придерживаются собственных пред­ставлений об интерфейсе программы или создаваемых ею расширениях файлов. Это создает трудности как при изучении таких программ, так и в плане их совме­стимости с другими программами. Подобный подход производителей программ­ных продуктов приводит к тому, что возможности некоторых графических ре­дакторов могут не совпадать с возможностями браузеров. Например, авторская новация создателей программного пакета Flash не поддержана официальными стандартами для работы в глобальной сети и требует дополнительного исполь­зования Flash Player.

Создание веб-страниц – это наполовину написание HTML-кода, а наполовину ввод данных. Поэтому не очень корректно противо­поставлять WYSIWYG-редакторы HTML-редакторам. Ввод кода сайта можно выполнить в каком-либо текстовом HTML-редакторе (например, в Блокноте), а WYSIWYG-редактор (например, MS Front Page) пригодится, когда нужно бу­дет наполнять страницу вашего сайта содержимым.

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

Бесспорным  лидером  программного  обеспечения  для  растрового  дизайна  был  и  остается  пакет  Adobe  Photoshop.  В  одном  пакете  совместно    с  Adobe  Photoshop  поставляется  программа  Adobe  Image  Ready,   предназначенная  специально  для  подготовки  графики  для  веб-страниц.  С  ее  помощью  не  очень удобно  рисовать,  зато  можно  легко  сохранять  файлы  в различ­ных  форматах,  оптимизировать  степень  сжатия,  готовить  анимацию  и  карты-изоб­ражения.

В отличие от растрового, векторное изображение строится из отдельных кривых. В этом случае в файле хранится информация не о каждой точке изображения, а о его структурных элементах. Подобные изображения обычно занимают значительно меньший объем да и редактировать их намного проще. Однако векторные изобра­жения выглядят слишком математическими: ощущается их нежизненность и «нарисованность».

Для векторно­го дизайна популярны следующие программные продукты: Adobe Illustrator, Macromedia FreeHand, CorelDRAW и Macromedia Flash. По набору функций и возможностей первые три программы занимают примерно равное положение. Для расширения возможностей этих программ в них имеется механизм подключения дополнительных модулей, добавляющих функциональность базовым программам.