IMAGE PROCESSING · QUIZ

画像処理
クイズ

4択で画像処理の基礎を学ぶブラウザ完結型の学習サイト。 すべての処理結果はその場で計算しています。

CATEGORY
{{ cat.num }} {{ cat.label }}
{{ cat.count }}
エフェクトテストプレイ
{{ qNumber }}
{{ qCatLabel }}
QUESTION {{ qNumber }} / {{ qTotal }}

{{ qPre }}{{ qHi }}{{ qPost }}

SOURCE — 元画像
KERNEL — カーネル
{{ k.v }}
倍率 {{ kernelScaleLabel }}
TONE CURVE — トーンカーブ
入力 0255
FILTER — 周波数フィルタ
中心=原点 / 白=1・黒=0
SPECTRUM — 振幅スペクトルの見方
選択肢A〜Dは振幅スペクトル(周波数成分の強さ)の画像です。
中心=低周波(なだらか)
外側=高周波(細かい)
輝点=その周波数・方向が強い
縞の向きと輝点が並ぶ向きは直交します。
SOURCE — 元画像
RESULT — 処理後
〈1〉 グレースケール画像
〈2〉 2値画像
図3 — 〈1〉の濃淡ヒストグラム
画像 — 図5・図6・図7(グレースケール)
{{ im.label }}
濃淡ヒストグラム — 図8・図9・図10(横軸=画素値 0→255)
{{ hh.label }}
{{ s.label }}
{{ geoBeforeLabel }}
変換式 ①
{{ matrixEl }}
{{ geoAfterLabel }}
{{ ch.mathEl }}
{{ ch.label }} CORRECT ✕ あなたの解答
SELECT AN ANSWER ↑
{{ verdictText }}
EXPLANATION

{{ explanation }}

EACH OPTION — 各選択肢
{{ d.label }} {{ d.text }}
RESULT
{{ resultCatLabel }}
SCORE
{{ score }} /{{ total }}
正答率{{ percent }}%

{{ message }}

カーネルプレイグラウンド

3×3 CONVOLUTION
SOURCE IMAGE
{{ im.label }}
元画像
適用後
KERNEL 3×3
合計 {{ pgSum }} · 平坦部グレー
倍率 × 分数可 1/9
PRESETS
{{ p.num }} {{ p.label }}

フーリエプレイグラウンド

SPECTRUM EDITOR
IMAGE
{{ im.label }}
元画像 f(x,y)
FFT
振幅スペクトル(編集可)
IFFT
出力画像 f′(x,y)
① スペクトル描画
{{ b.label }}
② フィルタ(マスク)
{{ b.label }}
.
筆サイズ {{ fpBrushSize }}
{{ s.label }}
中央=低周波/外側=高周波。
①描画でスペクトルの値そのものを白(追加)/黒(除去)に編集。②フィルタで周波数を遮断/通過(赤い領域=遮断中)。出力=編集後スペクトル×フィルタの逆変換。対称点も自動編集。
PRESETS
{{ p.num }} {{ p.label }}

二値化プレイグラウンド

THRESHOLDING
SOURCE IMAGE
{{ im.label }}
グレースケール
二値化結果
濃淡ヒストグラム — 赤い線をドラッグしてしきい値を移動
しきい値 t {{ thValue }}
⇄ 白黒反転
{{ thRule }} → 白い画素 {{ thWhitePct }}% / 黒い画素 {{ thBlackPct }}%

トーンカーブプレイグラウンド

TONE CURVE
SOURCE IMAGE
{{ im.label }}
CHANNEL {{ ch.label }}
トーンカーブ — 点を上下にドラッグ
{{ p.label }}
なめらか(曲線)
元画像
適用結果

幾何学的変換プレイグラウンド

GEOMETRIC
SOURCE IMAGE
{{ im.label }}
変換前(青)
変換後(赤)
変換行列(同次座標)
[x′ y′ w]T = R · M · [x y 1]T
R
[
]
·
M
[
]
R にプリセットを代入
{{ p.label }}
回転 {{ gpRotRLabel }}
拡大 {{ gpScaleRLabel }}
平行x {{ gpTxRLabel }}
平行y {{ gpTyRLabel }}
M にプリセットを代入
{{ p.label }}
回転 {{ gpRotMLabel }}
拡大 {{ gpScaleMLabel }}
平行x {{ gpTxMLabel }}
平行y {{ gpTyMLabel }}