.

Web-адаптивная палитра

Хотя адаптивная палитра предоставляет самое лучшее качество, вы рискуете тем, что ваше изображение будет неважно смотреться на 8-битовом мониторе. Чтобы этого избежать, вы можете воспользоваться Web-адаптивной палитрой. Эта палитра, как и адаптивная, подбирает цвета, которые лучше всего подойдут для изображения. Разница состоит в том, что, если это возможно, цвета переходят в ближайший Web-безопасный эквивалент. Эта разновидность палитры обеспечивает качество адаптивной палитры с более предсказуемым отображением результатов на 8-битовом мониторе.

Поэкспериментируйте

В программе Photoshop или Fireworks создайте 24-битовое изображение и экспортируйте его несколько раз, выбирая каждый раз одну из упомянутых выше палитр. Затем в настройках монитора задайте палитру из 256 цветов и откройте GIF- изображение в Web-браузере, чтобы посмотреть, как оно будет отображаться.

Расшифровка шестнадцатеричного кода цвета

Когда вы задаете цвет в HTMI -коде, вы не используете соответствующих RGB-значений. Вместо этого вы применяете шестнадцатеричный код. Например, понятный RGB-код 255,255,255 для белого цвета, в шестнадцатеричном коде будет выглядеть как #FFFFFF. В шестнадцатеричном коде первые две цифры обозначают оттенок красного, следующие две— зеленого, а последние две— синего. В приведенном (#FFFFFF) примере первые две цифры FF равны 255. Таким образом, этот цвет: R=255. G=255, В=255. Все три цвета при максимальной интенсивности (255) дают белый.

Представьте, что вы разрабатываете сайт для компании, в торговой марке которой используется несколько цветов. Заказчик просит вас применить эти цвета на сайте Вместо того чтобы использовать какую-либо специальную программу для преобразования RGB-значений в шестнадцатеричный «од или наоборот, вы можете найти этот код в программах Photoshop и Fireworks. Иначе вам действительно необходим специальный шестнадцатеричный калькулятор (в Интернете есть и такие!).

Ниже описано, как воспользоваться программой Fireworks, чтобы найти шестнадцатеричный код для какого-либо образца цвета.

1. Запустите программу Fireworks.

2. В строке меню выберите команду FileOOpen (Файл1^Открыть).

Перейдите к файлу с изображением, для образцов цвета которого вы хотите посмотреть шестнадцатеричный код, и откройте его в Fireworks.

3. Выберите цвет, щелкнув на цветном образце цвета Fill (Заливка), который находится внизу на панели инструментов рядом с пиктограммой заливки.

На экране появится палитра (рис. 9.7), состоящая из Web-безопасных цветов. Указатель мыши примет форму пипетки, подразумевая, что вы хотите “взять пробу” цвета.

4. Перемещайте указатель мыши по цветовой палитре, и вы увидите, как динамически обновляются значения в поле шестнадцатеричного кода, когда вы перемещаетесь от одного образца цвета к другому.

5. Переместите указатель мыши на изображение и посмотрите в поле шестнадцатеричное значение для каждого образца цвета.

В поле отображается шестнадцатеричное значение цветов вашего документа. Даже можно посмотреть шестнадцатеричные значения цветов компонентов интерфейса Fireworks и рабочего стола, если навести на них указатель мыши! Щелкните на образце цвета в палитре, и этот цвет станет активным цветом заливки.

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



Hosting Ukraine
Hosting Ukraine


Предложить

Дата Окончане проекта

Сумма проекта

×