FE EXAM

アンチエイリアス(ジャギー除去)

斜め線などのギザギザ(ジャギー)を中間色でぼかし滑らかに見せる手法。

INTERACTIVE VISUALIZATION
理想の線
OFF(ジャギー)
ON(滑らか)
フェーズ
idle
塗り方
未塗り
アンチエイリアス
OFF
シナリオ
ステップ1 / 6
STEP 1/6描きたい滑らかな斜め線まず、描きたい斜めの線をイメージします。理想ではどこまでも滑らかな1本の直線です。ところが画面は四角い点(画素=ピクセル)の集まりなので、この斜め線をそのまま表示することはできません。
理想
滑らかに見せるしくみ
OFF: 各画素を 塗る(黒) / 塗らない(白) の2値 → 階段状のジャギー
測定: 線が画素を覆う割合(カバー率 0〜100%)を求める
ON: カバー率に応じて 白〜灰〜黒 の中間色で塗る → 滑らか
解説

📌
アンチエイリアスとは

OFFON

アンチエイリアスとは、斜め線や曲線の輪郭に出るギザギザ(ジャギー)を、中間色でぼかして滑らかに見せる処理のことです。「エイリアス(=ギザギザの見え方)に逆らう(anti)」という意味の名前です。

身近な例で考えると、方眼紙に斜めの線を塗りつぶしで描くのに似ています。マスを塗るか塗らないかだけだと階段状になりますが、境目のマスを薄く塗ると、少し離れて見たときに線が滑らかに感じられます。

上のツールで▶ボタンを押すと、滑らかな斜め線が画素のマス目でギザギザになり、中間色で塗り直して滑らかに見せるまでの流れを確認できます。

🪜
ジャギーの発生原因

理想階段状

ジャギーとは、輪郭が階段のようにギザギザに見える現象のことです。原因は画面が四角い画素の集まりでできていることにあります。

画面の最小単位である画素(ピクセル)は四角いマスで、しかも数に限りがあります。この有限のマス目で滑らかな斜め線を表そうとすると、どうしても次の問題が起きます。
マスは塗る/塗らないの2択:斜めにぴったり合うマスは存在しない
境目がカクカクする:マス単位でしか塗れず、段差ができる
解像度が低いほど目立つ:マスが大きいとギザギザも大きい

水平・垂直の線はマス目に沿うのでギザギザは出ませんが、斜め線・曲線・文字の輪郭では特に目立ちます。連続した形を「とびとびの点」で表すことで生じる、避けられない現象だと考えてください。上のツールのSTEP3で、理想の線と階段状の塗りのズレを見比べてみましょう。

🛠️
主要な手法

高解像度で描く→ 縮小 →平均色で滑らか

アンチエイリアスにはいくつかの手法があります。基本の考え方はどれも「中間色を作って境目をなめらかにつなぐ」ことです。


スーパーサンプリング(SSAA):実際より高い解像度で描いてから縮小し、複数画素の平均色をとる。最も画質が良いが処理は重い
マルチサンプリング(MSAA):輪郭部分だけ重点的にサンプリングして、計算量を抑えつつ滑らかにする
カバレッジ方式:線が画素をどれだけ覆うか(カバー率)を計算し、その割合で色の濃さを決める

共通するのは、白か黒かの2値ではなく、その間の灰色を許すという発想です。ただしアンチエイリアスは万能ではなく、輪郭が少しぼやけて見えたり、計算量が増えてしまう短所もあります。ゲームやスマホの画面では、画質と処理速度のバランスを見て手法が選ばれています。上のツールの最終ステップで、OFFとONを見比べて効果を確かめてください。

練習問題

🎯
基本情報技術者 練習問題

Q1.アンチエイリアスの説明として最も適切なものはどれか。
A.画像の色数を増やして鮮やかにする処理
B.輪郭のギザギザを中間色でぼかして滑らかに見せる処理
C.画像のファイルサイズを圧縮する処理
D.画像の明るさを自動補正する処理
Q2.ジャギー(ギザギザ)が発生する主な原因として正しいものはどれか。
A.画素が円形だから
B.色数が多すぎるから
C.滑らかな線を有限のマス目(画素)で表すため階段状になるから
D.ディスプレイが暗いから
Q3.アンチエイリアスの代表的な手法(スーパーサンプリング)として正しいものはどれか。
A.実際より高い解像度で描いてから縮小し、平均色をとる
B.画像を白黒2値だけで描く
C.画素を間引いて解像度を下げる
D.線を描かずに塗りつぶす

関連コンテンツ