アンチエイリアシングとは？ジャギーが発生する原因も解説

エイリアシングが起こる原因

エイリアシングはなぜ起こるのでしょうか。

それは、コンピューター上に表示される画像は、格子状に並んだ正方形のマス（ピクセル）で構成されているからです。

コンピューターは1ピクセルよりも細かい単位での描画ができません。

そのため、色が変わる境界線の部分は、1ピクセルごとに塗りつぶしの色を変えることで、境界線を表現しています。

その結果、「ドット絵」のように輪郭がガタガタして見えてしまうのです。

エイリアシングが目立ちやすいかどうかは、画像の解像度によっても異なります。

画像の鮮明さを示す「解像度」とは、1インチの中にいくつのピクセルが並んでいるのかで表されます。

例えば、1インチの辺に10個のピクセルが並ぶ場合の解像度は10ppi、100個のピクセルが並ぶ場合は100ppiと表されます。

そのため、低解像度の画像、つまり画像に含まれるピクセル数が少ないほどピクセルごとの角が目立ち、エイリアシングが起こりやすくなります。

エイリアシングが起こりやすい部分やデータの例として、以下が挙げられます。

・円や曲線、斜線のエッジ部分

・低解像度のモニターで表示した画像

・低解像度のプリンターで出力した印刷物

・ゲームや3Dグラフィック

では、こうした「エイリアシング」を軽減するための処理である「アンチエイリアシング」は、どのような仕組みで行われているのでしょうか。

続いて、アンチエイリアシングの仕組みを解説します。

アンチエイリアシングの仕組み

アンチエイリアシングを適用すると、文字や画像の境界線のまわりに中間調が補われるため、エイリアシングが目立たなくなります。

「中間調」とは、異なる色や不透明度で描画されている、ピクセルの境界に位置する色や色調のことです。

例えば以下のりんごの画像の場合、黒と赤の中間の色が、背景とりんごの境界線付近に足されています。

境界線部分をより拡大すると、以下のような見た目になっています。

つまり、アンチエイリアシングを適用し境界線付近に中間調が足されることで、「黒・赤」のようにはっきり区別されるのではなく、「黒・薄い黒・薄い赤・赤」のように段階的に色が付けられます。その結果、境界線が滑らかに見えるようになります。

では、背景が透明の場合はどうなるのでしょうか。

その場合、「ピクセル内をどのくらいの不透明度の色で描画するか」によって表現されます。

この図のように、不透明度によって色のグラデーションを付けることで、エッジが滑らかに見えるのです。

エイリアシングが目立たなくなることで、自然な見た目になるほか、ディスプレイ上や印刷物で画像がキレイに表示されるというメリットがあります。

一方でデメリットもあるため、使い方によっては注意が必要です。

アンチエイリアシングを適用した画像は、画像処理に時間がかかるため表示速度が下がることがあります。3Dグラフィックといった高度な画像や動画の場合、特に表示が遅くなりがちです。

例えば、3Dゲームにアンチエイリアスを適用すると、画像がキレイに表示される分、動作が重くなります。

他にも、新聞の本文のように小さい文字を鮮明に印刷したいときや、ゲームキャラクターのようなドット絵をあえて表現したいときなど、アンチエイリアシングの処理が不要になってくる場合もあります。

そのため、必要に応じて、アンチエイリアスの設定値を調整したり、設定をオフにしたりして対応しましょう。