上の段にBaloon画像とその輝度信号および色差信号の振幅スペクトルが表示されています．左から，元画像，輝度信号(Y)，色差信号(Cb, Cr)です．
各振幅スペクトルの下に，その信号成分だけを取り出した画像が表示されています．
振幅スペクトル画像上でマウスクリックもしくはドラッグをすると，マウスカーソルの位置を遮断周波数としたローパスフィルタがかかります．
フィルタを通した Y, Cb, Cr信号の合成が左下の画像です．計算が重い場合や解像度を変えたいときは，コンボボックスで画像サイズを変更してください．

Baloon以外の画像で試したい場合は，Flickrから好きな画像を選んで(jpgのみ)， その画像URLを左上のテキストフィールドにコピペして "LOAD" ボタンを押してください．
（Flickr以外のドメインにある画像だと技術的な理由で画像を読み込めません）


補足：
我々の視覚は輝度成分の変化に対して色成分の変化にはあまり敏感でないという特性を持っています．これをうまく利用して，映像圧縮技術では色差信号の情報量を減らすということが行われます．
上のデモで試してみると，色差成分の帯域を狭めても復元画像はほとんど不自然には見えないことが分かるかと思います．

There are four images located in the upper column; at leftmost is the original image (Balloon) and
its amplitude spectrum of luminance(Y) 2nd and colors (Cb) 3rd & (Cr) 4th as the signal components.
Under each amplitude spectrum (Y, Cb & Cr), there’s an image which has only the signal component.
When you click or drag on the amplitude spectrum, low-pass filter of which cut-off frequency is at the cursor point
will be applied into its image. The lower leftmost image is the compounded image of filtered Y, Cb & Cr signals.
In case of heavy response or changing the resolution, you can change the image size as desired by clicking the upper “SIZE” button.

You can use other images by selecting one from Flickr (JPG only), copy the URL of the image and paste its string on the text field, then press the “LOAD” button. (Any image except Flickr cannot be loaded because of some technical reasons).