東京工科大学 メディア学部 ブログ

結果画像（上：アンチエイリアシング無し、下：アンチエイリアシングあり）

ギザギザが生じる原因は、ディジタル画像の画素は縦横に整列して並んでいるためで、また、無限に細かくはないためです。水平線や垂直線はきれいに表示できますが、斜めの線は階段状に表現することになります。この階段がギザギザとして見えてしまいます。図形/背景の二種類の色だけで表現しようとするとどうしてもそうなります。

アンチエイリアシング処理は、画素の明るさとして、図形/背景の二種類だけでなく、中間の明るさも利用することで実現します。次の図は上記の結果画像の一部を拡大した様子です。ピンク色の図形にはアンチエイリアシングを施していません。

拡大画像（上：アンチエイリアシング無し、下：アンチエイリアシングあり）

どうやって中間の明るさを決定するのでしょうか？ それは、「真の図形」を想定し、各画素（小さな正方形）がどれだけその真の図形に含まれているかの面積で決まります。

例えば、横幅７画素、縦の高さ４画素の斜めの線分を考えてみます。大きく拡大表示すると、上の真っ白の階段状の図形はアンチエイリアシング無しの表示結果、下の図形はアンチエイリアシングありの結果で、明るさの数値を付記しました。また、細い斜め線は「真の図形」で、実際の表示結果には現れないものです。

拡大画像と真の線分（上：アンチエイリアシング無し、下：アンチエイリアシングあり）

この例では、太さ１画素の斜線（厳密には長方形）を想定しています。次の図は、その長方形とアンチエイリアシングありの表示結果とを重ね合わせたものです。

真の線分を太さ１画素の長方形と見なし、アンチエイリアシング処理で表示した結果

具体的にどのように計算するかは別の機会で説明します。

メディア学部 柿本正憲