Цветовые границы
Производимое графикой впечатление сильно зависит от того, как в растровом изображении оформлены границы областей, закрашенных разными цветами, — или, иными словами, как сложные криволинейные контуры изображаемых объектов соотносятся с прямоугольной решеткой пикселей. Особенное значение этот аспект имеет для экранной графики и ее подмножества — графических элементов веб-дизайна: ведь физические размеры пикселя на экране во много раз больше, чем на бумаге.
Очевидно, что случай, когда граница цветов идет строго горизонтально или вертикально и при этом совпадает с границей рядов или столбцов пикселей, может быть лишь исключением. В большинстве картинок не обойтись без пикселей, рассеченных «идеальной», векторной цветовой границей на части. Если, к примеру, граница разделяет черную и белую области, то простейший подход будет заключаться в том, чтобы закрашивать такие граничные пиксели черным или белым в зависимости от того, какого цвета на них приходится больше. Этот алгоритм применяется тогда, когда невозможно закрасить пиксель каким-либо промежуточным (в данном случае серым) цветом, а сами пиксели малы по размеру — что имеет место, например, при печати на лазерном принтере.
На экране же все обстоит ровно наоборот: пиксели настолько крупны, что заметны невооруженным глазом, но при этом гораздо лучше приспособлены к воспроизведению полутонов. В этой ситуации разумнее закрашивать каждый граничный пиксель промежуточным цветом так, чтобы соотношение смешиваемых цветов соответствовало пропорции, в которой данный пиксель делится границей этих цветов. Например, чем больше приходится черного на пиксель на границе черной и белой областей, тем темнее должен быть его цвет.
Этот метод, называемый сглаживанием контуров, или антиалиасингом (anti-aliasing), позволяет получить визуально гораздо более гладкие (но при этом не кажущиеся размытыми) цветовые границы, успешно прячущие от восприятия пиксельную структуру экрана. Можно сказать, что антиалиасинг компенсирует низкую разрешающую способность экрана за счет
Так, текст с антиалиасингом может не только оставаться читабельным вплоть до очень мелких размеров (когда каждая буква занимает по десятку пикселей в высоту), но и сохранять в таких размерах характерные графические особенности шрифта.
В веб-графике антиалиасинг - не роскошь, а средство выживания, абсолютно обязательное для хоть сколько-нибудь профессиональных работ уже потому, что размер графики и текста на вебстраницах в пиксельном измерении обычно весьма мал. Отказываться от смягчения контуров следует только для строго горизонтальных или вертикальных цветовых границ, когда лучше соврать на полпикселя в положении этой границы, чем вводить однопиксельную кромку промежуточного цвета.
Кроме того, антиалиасинг может навредить в изображениях, части которых (например, линии регулярной решетки) сопоставимы по размеру с единичными пикселями: такие объекты лучше рисовать уже непосредственно «в растре» инструментами без антиалиасинга (в Adobe Photoshop, например, для этого подходит инструмент Pencil), а не экспортировать их из векторного оригинала. Это относится, в частности, к пиксельным текстурам и тонким горизонтальным и вертикальным линиям.
