Victor Engel's
No Dither Netscape Color Palette

Исходная картинка:

А так она выглядит на системах с 256 цветами:

Но можно сделать ее такой:

Netscape использует общую палитру для отображения всех картинок из WorldWide Web. Эта самая палитра является причиной головной боли для авторов документов со всего мира. Эта страничка содержит пояснения, а равно и средства, позволяющие авторам документов улучшить их вид.

Палитра Netscape обычно содержит все комбинации значений 00, 33, 66, CC, FF для красной, зеленой и синей компонент цвета. Результатом такой композиции являются 216 (6x6x6) чистых цветов, изображенных на следующей иллюстрации. Если вы используете программу просмотра, поддерживающую client side image maps (Netscape 2.0 и выше, IE 3.0), вы можете ткнуть в картинку, чтобы получить ее изображение, на котором можно узнать код конкретного цвета.

netcolpc.gif: Чистые цвета Netscape для систем с 256 цветами:

Если вы чего-то не поняли на этой картинке, вы можете посмотреть объяснение (теперь даже с АНИМИРОВАНОЙ ПАЛИТРОЙ) которое может быть вам поможет.

Не-Windows компьютеры обычно могут использовать дополнительные цвета. Я сделал netcol2.gif, изображение объединяющее 216 цветов в 6x6x6 цветовом кубе и эти дополнительные цвета. Но так как этот документ предназначен для облегчения разработки универсальных страниц, я все же рекомендую использовать netcolpc.gif. Ограниченная палитра делает изображение более универсальным. Если для просмотра этой страницы вы используете Netscape, вы можете переписать себе это изображение нажав на нем правую кнопку мышки.

Как вы можете заметить представленная палитра 6x6x6 содержит очень мало оттенков серого. И в самом деле, их всего 4, если не считать черный и белый. Это серьезное ограничение. Правда во многих случаях вы можете его обойти, используя упорядоченное смешивание (ordered dithering) цветов. Следующая картинка содержит не только серые из палитры 6x6x6, но и промежуточные оттенки серого.

А вот как это выглядит в системах с 256 цветами:
Если вы используете систему с 256 цветами, вы увидите смешение цветов на этих промежуточных оттенках серого. Смешивание, используемое Netscape является псевдо-случайным, тогда как в некоторых случаях упорядоченное смешивание дает лучший результат. Вот та же картинка, но с использованием упорядоченного смешивания: (Если вам не удается разглядеть эти картинки, вы можете взглянуть на увеличеные их версии.
Я выбрал смешивание с шаблоном подобным шахматной доске. Заметно, что это дает лучший результат. Netscape не смешивает последнюю картинку, так как она уже содержит только цвета из палитры Netscape.

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

Компьютеры под DOS с 16-цветным драйвером могут отображать только очень ограниченое количество цветов. Я сделал 16-цветную картинку для сравнения. Используйте эту картинку и (инструкции) вместо netcolpic.gif, для того чтобы сделать ваши картинки приемлемо просматриваемыми на 16-цветных системах.

У меня также есть очень маленькое изображение палитры Netscape. Используйте его, если у вас медленный модем. (Бровзеры, поддерживающие resize будут показывать его увеличеным в 10 раз).

Практические замечания

Многие изображения не подходят для оптимизации в описаной манере. Это те изображения, для которых лучше подходит Jpeg чем Gif. Мое обычное правило такое: Если изображение является отсканированой фотографией или содержит много градаций цвета, для него лучше подходит Jpeg, и использование описаной техники к нему приведет к ухудшению изображения без какой-либо пользы. С другой стороны, к изображениям, содержащим немного цветов и большие области одного цвета, прекрасно подходит мой способ. Обычно это изображения диаграмм, картинки из мультиков и компьютерные изображения, в частности снимки с экрана.

Изображение палитры на этой странице соделжит 256 позиций из которых 41 - белая, а остальные составляют палитру Netscape. Это означет, что палитра не содержит ни одного цвета, который Netscape не мог бы точно изобразить. Чтобы воспользоваться этим фактом, попробуйте использовать ее в ваших изображениях: Загрузите это изображение в ваш любимый графредактор, сохраните палитру, а затем, загрузив ваше изображение, примените к нему эту палитру. Этот процесс оптимизирует ваше изображение для просмотра с помощью Netscape - он больше не будет использовать смешивание цветов, но только чистые из палитры.

Вы можете заметить, что палитра Netscape не содержит многих стандартных цветов Windows. Я рекомендую применять палитру Netscape с помощью описаного выше процесса к образом экрана (screen captures) DOS/Windows для апроксимации цветов Windows палитрой Netscape. Если ваше изображение содержит только 16 стандартных цветов DOS используйте уменьшеную палитру, содержащююся во втором изображении на этой странице. doscol2.gif. Использование ее позволит получить значительно меньший размер файла. У меня есть несколько примеров изображений, оптимизированых различными способами.

Note: Этот документ описывает наиболее общий сценарий, используемый Netscape, насколько я знаю. Существуют однако и другие сценарии, включая те, в которых используются цветовые кубы 5x5x5 или даже 4x4x4. Посмотрите мои ссылки для получения более подробной информации.

Я должен также отметить, что этот цветовой куб 6x6x6 используется не только Netscape, но и многими другими приложениями как палитра общего назначения. Netscape выглядит не очень гибко, в части неиспользования дополнительных (за 216) цветов в системах под Windows. Исключение составляют изображения содержащие всего одну картинку - в этом случае Netscape 2.0 использует палитру картинки.


Я надеюсь, что эта страничка помогла вам. Если вы нашли ее полезной, скажите об этом другим. Если у вас есть вопросы, пожелания или предложения пишите автору: Victor Engel at victor@victorengel.com.

Go back to Victor's Home Page.
View links to related pages.
Sign myguestbook.

This Page Copyright © 1996 Victor S. Engel
This page and any of its contents may be reproduced only under specific conditions. Addendum to my general copyright: the image contained in the file netcol.gif may be freely copied in any form desired by anybody as long as the colorsare not altered, the URL remains on the image, and the copyright noticeremains. In other words, you may port the image to other formats, but do notchange the colors or alter the content.