Задание цвета в html

Некоторые тэги HTML позволяют задавать цвета элементов, находящихся на странице. Существует 2 способа задания цветов: RGB-значениями (кодами красного, зеленого и синего, смесь которых дает конкретный цвет) и по именам. 16-ричное представление цвета имеет вид: “#RRGGBB”, где RR, GG, BB , соответственно 16-ричные коды красного, зеленого и синего. Соответствующие цветовые коды можно подобрать используя такое приложения для работы с растровой графикой как Photoshop. Следует, однако, иметь в виду, что броузеры имеют суженную цветовую палитру и необходимо выбирать коды, применяемые в web-графике, ближайшие к выбранному цвету. Цвет, также, можно задать, указав одно из 140 имен, первоначально разработанных для Windows. В броузерах, однако, эти цвета будут смещаться к ближайшему цвету, используемому в web-графике. В спецификации HTML 4.0 определены 16 наименований цвета. Соответствия имен и кодов приводятся в спецификации HTML 4.0: black = "#000000", silver = "#C0C0C0", purple = "#800080", green = "#008000", aqua = "#00FFFF" и др.

Подготовка графики и анимация Графические форматы

В настоящее время в Web применяется 3 формата графических файлов:

• gif (Grafic Interchange Format) – представляет файлы индексированных 8-разрядных цветов; т.о., gif может содержать максимум 256 цветов: сжатие информации в файле происходит по строкам пикселов без потерь методом LZW; gif поддерживает черезстрочный вывод изображений; этот формат лучше всего применять для представления изображений с однотонными областями, - фактически для раскрашенных рисунков;

• jpeg (Joint Photographic Experts Group, типы файлов jpeg или jpg) – в файлах содержится 24-х разрядная информация о цвете (по 8 разрядов для красного, зеленого, синего); в jpeg в процессе сжатия и записи изображения в файл происходит потеря информации о цвете, однако даже при самых высоких показателях степени сжатия (для сжатия используются таблицы Хаффмана) качество изображения вполне приемлемо для Web; формат лучше всего применять для представления изображений с плавными переходами цветовых тонов (для фотографий);

• png (Portable Network Graphic) – в файлах содержатся 8-разрядные индексированные цвета, 16-разрядные полутона или 24-разрядные полноцветные изображения, используя схему сжатия без потерь; все перечисленное обеспечивает высокое качество изображения и в ряде случаев меньшие объемы файлов по сравнению с gif; в файле можно хранить информацию о повышении или понижении уровня яркости (коэффициент гамма) и различных уровнях прозрачности изображений, поддерживается черезстрочный вывод изображения; т.о., можно считать этот формат универсальным для Web.

Подготовка изображений для применения в документе

Подготовку графики для Web выполняют многие специализированные приложения или приложения для работы с графикой общего применения: Adobe Photoshop, Adobe Image Ready, Macromedia Fireworks, Adobe Illustrator, Macromedia Freehand, начиная с версии 7.0, Macromedia Director версии 5.0 и выше, Macintosh System OS8, Pantone ColorWeb Pro и др. Если используется 8-разрядная цветовая палитра (gif, png для 8 разрядов), то необходимо выбрать для нее только те цвета, которые работают в Web. В каждом из перечисленных выше приложений имеется возможность контроля используемого в рисунке цвета и, если необходимо, преобразования его к ближайшему цвету, отображаемому в Web. Кроме того, можно выполнить необходимую степень сжатия данных (оптимизацию графики под Web).

Так, в Adobe Photoshop СS (или в версии 7.0) оптимизация графики выполняется после загрузки изображения выбором в меню Файл команды «Сохранить для Web…». Вызывается приложение Image Ready. Далее необходимо выбрать формат сохраняемого файла (gifб jpeg, png-8, png-24) и размер изображения (не забудьте флажок Constrain Proportions- сохранение пропорций). Оптимизация jpeg-изображений выполняется за счет выбора в поле Quality необходимого уровня качества изображения. Для форматов gif и png-8 – за счет ограничения цветовой палитры: поле «Colors» (выбирается количество цветовых тонов для представления изображения; необходимо выбрать минимальное количество тонов с сохранением требуемого уровня качества).