.

Уменьшаем битовую глубину изображения

Когда вы сокращаете цветовую палитру изображения, вы сокращаете его битовую глубину. При необходимости можно использовать 24-битовое изображение с миллионами Цоетов, а 8-битовое работает только с 256 цветами. Что произойдет, если вы возьмете менее 256 цветов? Какая в этом случае будет битовая глубина? В табл. 9.1 приведено сопоставление битовой глубины количеству цветов (вкл.)

Числа в табл. 9.1 показывают максимальное количество цветов, ко.орое может быть реализовано при заданной битовой глубине. Когда вы сокращаете используемое в изображении количество цветов, чтобы уменьшить размер файла, вы можете выбрать столько цветов, сколько пожелаете. К примеру, вы можете использовать палитру из 200 цветов Изображение по-прежнему будет 8-битовым, но за счет того, что используется только 200 цветов, размер файла будет меньше, чем если бы вы использовали все 256 цветов.

В связи с этим в таблице представлена глубина цвета только до 8 бит, так как изображения GIF должны быть 8-битовыми или меньшей разрядности С другой стороны, формат JPEG всегда сжимает 24-битовое изображение.

Если в настройках вы зададите сохранение файла как 32-битового изображения, это означает, что вы сохраните 24-битовое изображение с альфа-каналом. Аль- фа-каналом называется полутоновая маска, которая позволяет управлять непрозрачностью изображения. Если эта маска белого цвета, то изображение является непрозрачным. Оттенки цвета маски позволяют создать изображение с различными уровнями прозрачности.

Дополнительные 8 бит для альфа-канала предоставляют вам 256 уровней управления непрозрачностью. До настоящего времени единственным форматом Web-графики, который поддерживает такое управление прозрачностью, является PNG (Portable Network Graphics). Проблема состоит в том, что на момент написания этой книги большинство Web-браузеров не поддерживало работу с PNG-форматом на должном уровне.

Все наиболее известные программы для создания Web-графики, например Photoshop и Fireworks, позволяют сократить цветовую палитру изображения с миллионов цветов до лишь небольшого количества. Однако, если вы это сделали, то назад дороги нет. После того как вы удалили цвета из изображения, эти цвета ушли навсегда. Разве что вы воспользуетесь функцией Отменить (Undo! Вы не сможете использовать программу Photoshop или Fireworks, чтобы конвертировать изображение обратно в 24-битовое и ожидать магического восстаьогления миллиона цветов. Компьютеру придется гадать: куда вставить утерянные в ходе преобразования цвета. Этот процесс называется интерполяцией.

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

Цветовые палитры

После того как вы поймете, что такое битовая глубина цвета и как она связана с количеством цветов в палитре, приступайте к выбору типа палитры для своего проекта. Кроме использования стандартных палитр, вы можете создать свою собственную. Но только 216 цветов на 8-битовом мониторе будут отображаться одинаково и без сглаживания во всех Web- браузерах — это Web-безопасные цвета. Какую бы палитру вы ни выбрали, попытайтесь включить в нее как можно больше из этих 216 цветов, если вы рассчитываете на корректное отображение на старых 8-битовых мониторах.

В следующих подразделах описывается несколько вариантов цветовых палитр.

Системные палитры

В стандартную цветовую палитру как операционной системы Macintosh, так и Windows входит 256 цветов. Палитры достаточно просты. Они включают различные оттенки красного, оранжевого и синего цветов для осуществления корректного дизеринга 24-битового изображения. Взгляните на системную палитру из 256 цветов в Macintosh, представленную 9.4. В действительности данная палитра из 256 цветов содержит в своем составе 216 Web-безопасных оттенков. Дополнительные 40 оттенков синего, красного, зеленого и серого цветов, представленные в первых двух строках, не являются Web-безопасными, поэтому отображаются в виде случайного распределения точек других цветов.

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

Адаптивные палитры

Адаптивной палитрой называют набор специально подобранных цветов, которые лучше всего подходят или адаптированы под изображение. Например, в адаптивной палитре для изображения морского пейзажа больше используются оттенки синего и зеленого, чем розового и красного. Адаптивная палитра дает лучшие результаты благодаря тому, что в ней из 256 цветов используются оттенки, которые действительно нужны изображению. Эта разновидность палитры нравится мне больше всего, потому что она позволяет сохранять качество 24-битового изображения, сокращал размер файла.

Сравните качество изображений, представленных 9.6. Левое изображение — это 24-битовый оригинал. В правом изображении используется 8-битовая адаптивная палитра, однако по качеству оно не сильно уступает 24-битовому. Однако не стоит забывать о том, что при использовании адаптивной палитры ваши конечные пользователи с 8-битовыми мониторами получат сглаженное изображение, так как выбранные вами цвета не относятся к Web- безопасным (см. следующий раздел). Однако у большинства пользователей сегодня 16- и 24-битовые мониторы, поэтому адаптивные палитры отлично смотрятся, и я настоятельно рекомендую их использовать для всех GIF-изображений.

Web-безопасная палитра

Основная проблема с использованием как системной, так и адаптивной палитры состоит в том, что вы не можете предвидеть, как будет выглядеть ваше изображение на 8-битовом мониторе. В браузерах, которые отображают Web-страницу на 8-битовом мониторе, есть собственная цветовая палитра. Все 24-битовые и любые другие изображения будут выводиться на экран, используя эту палитру. Из 256 цветов, содержащихся в палитре браузера, лишь 216 будут воспроизведены одинаково и в Windows, и в Мае. Поэтому, если вы разрабатываете сайт для пользователей, у которых, скорее всего, будут старые мониторы (это могут быть, к примеру, правительственные или образовательные учреждения), используйте эти 216 цветов, насколько это представляется возможным. Заполните этими цветами фон, используйте их для текста и любых других графических элементов.



Hosting Ukraine
Hosting Ukraine


Предложить

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

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

×