Веб-дизайн

Cocar зеле ныи кофе оптом.

Одним куском


Последний и, видимо, самый интересный тип фоновых изображений — неповторяющиеся фоны, настолько большие, что броузеру не нужно размножать их ни по горизонтали, ни по вертикали (рис. 60, г). Здесь и ре­чи уже нет о каких бы то ни было полосах: фоновый слой страницы может содержать любое изображение, как угодно соотносящееся с передним планом. Как я уже упоминал (стр. 236), такой неповторяющийся фон не может служить носителем информации и обязан ограничиваться чисто де­коративными функциями. Но и одно лишь избавление от бессмысленного повторения «изразца» делает возможными на удивление интересные эффекты.

Единственное, хотя и довольно досадное техническое ограничение — невозможность обеспечить совмещение

(a)

(б)

(в)

(г)

Рис. 60

Типология    фонов:

(а) — обычный фон, размно­жаемый по обоим измерениям;

(б) и (в) — полосатые фоны, размножаемые только по вер­тикали и горизонтали соот­ветственно; (г) — полностра­ничный фон

264

элементов фона и переднего плана с точностью до одного 1 пиксела — определяет и самый популярный мотив неповторяющихся фонов: бледные (чтобы не мешать чтению), свободных очертаний формы, эффектно пользующиеся именно I той аморфностью, противостоящей регулярности переднего плана, которая отказывалась работать для «изразцовых» 1 фонов с материальными текстурами. Дополнительное преимущество такого фона — то, что он не боится слишком 1 длинных страниц: в отличие от фона с горизонтальной полосой вверху окна, повторение фонового «водяного знака» I через каждые несколько экранов текста вполне допустимо, 1 а иногда даже желательно. 1

т

Характерен с этой точки зрения пример 11. Здесь фоновое 1 изображение «дымка от чашки с кофе» (кстати, клишированный образ для всего, что связано с языком Java) прежде 1 всего визуализирует динамику восприятия информации, по сути, делая видимыми «силовые линии» (стр. 167), ведущие от заголовка к визуалу (изображение упаковки программы, которой посвящена страница) и от него снова к тексту.
Что особенно важно, фон этот сшивает в единое целое все актуальное содержимое страницы (т. е. все, за исключением навигационной панели и других элементов, повторяющихся на каждой странице сайта). Заметьте, что такой же по форме (хотя иной по текстуре) «дымок» украшает и саму упаковку с программой.

Этот пример дает повод обсудить еще один технический аспект полностра­ничных фонов: чтобы общий вес страницы с таким фоном не выходил за рамки приличия, все фоновое изображение размерами в сотни и даже тысячи (по высоте) пикселов должно уложиться не более чем в 20—30 Кб. Достичь этого можно двумя путями: либо сжатием в JPEG с большими потерями, которые будут незаметны только для «очень фотографических», размытых и к тому же темных по цвету изображений, либо сжатием плоско­цветных изображений в GIF до 2—4-цветной гаммы (естественно, при этом придется отказаться от анти-алиасинга, что опять-таки допустимо только при низком уровне контраста). Если же в формате GIF нужно сохранить изображение с чуть более сложной текстурой, можно «аппроксимировать» ее плоским цветом с помощью, например, имитации типографского растра, как сделано в примере 11.




Содержание раздела