правила и запреты.
Прежде всего, все цвета
в малоразмерных графических элементах обязаны быть значительно ярче,
контрастнее по отношению к своему окружению, в каком-то смысле даже
«примитивнее». Я уже писал об особенностях восприятия цвета в малых по площади
объектах (стр. 109); особенности эти не ограничиваются едва заметными
оптическими иллюзиями, но зачастую требуют весьма значительной корректировки
цвета. В экранной графике «потере индивидуальности» цвета способствует
анти-алиасинг, разбавляющий цвет краевых пикселов цветом фона: чем меньше объект
и чем сложнее его форма (хороший пример — текст мелким кеглем), тем большая
доля составляющих его пикселов краевые и, следовательно, тем дальше
воспринимаемый цвет объекта от задуманного.
Например, если в
композиции присутствует залитая десятипроцентным серым плашка на белом фоне, а
под ней — некий текст мелким кеглем, который по замыслу дизайнера должен
соответствовать плашке по цвету, может оказаться необходимым значительно
затемнить серый цвет надписи, иногда до 20 процентов серого и выше. И наоборот,
яркость серого текста на черном фоне может понадобиться повысить для
компенсации влияния малого размера и анти-алиасинга.
В малых размерах
отказываются работать многие графические эффекты, связанные с изменением
текстуры, такие как размывки, тени, трехмерность и т. п., — все эти украшения
при уменьшении за некоторый минимум превращаются в нечленораздельную грязь. В
малоразмерной графике подчас не хватает места даже для плоского цвета,
вытесняемого анти-алиасингом (который, кстати говоря, в таких размерах начинает
проявлять свое родство с фотографическими текстурами); любые другие текстуры
не могут даже возникнуть на площади размером в
считанные пикселы — так же как невозможно сделать осмысленные статистические
выводы
по выборке в десяток наблюдений.
Здесь же уместно
напомнить о правиле выравнивания пропорций при уменьшении (стр. 84), о
пиксельных текстурах (стр. 119) и о том, что
объекты масштаба
отдельных пикселов должны создаваться уже на стадии растрового изображения, а
не в векторном оригинале.
ОПТИМИЗАЦИЯ
Технологическая цепочка
производства графики для веб-
страниц обычно включает
три этапа: создание графических элементов в векторном редакторе, экспорт в
полноцветный растровый формат и, наконец, оптимизацию полученной графики с
одновременным переводом ее в формат с ограниченной цветностью (GIF) или в формат,
реализующий сжатие с потерями (JPEG). Иногда между вторым и третьим этапами на
изображение накладываются какие-то специфически растровые эффекты (например,
тени или размывки); в других случаях, наоборот, второй этап может отсутствовать
вообще, если векторная программа способна экспортировать графику сразу в GIF или JPEG и предоставляет при
этом достаточные
Главная / web программирование / web технологии 