// engineering › Applications of Fourier

Image Filtering (1D Pixel Row)

Low-pass blurs and high-pass finds edges — the frequency-domain view of everyday image processing.

text{low-pass / high-pass} = mathcal{F}^{-1}big[,mathcal{F}(x)cdot text{mask},big]

Formula

\[ \text{low-pass / high-pass} = \mathcal{F}^{-1}\big[\,\mathcal{F}(x)\cdot \text{mask}\,\big] \]

Image Filtering — Blur, Sharpen, Edge-Detect (a 1D Slice)

A digital image is just a 2D array of pixel intensities — and the Fourier transform takes it into spatial-frequency space. Low frequencies = smooth regions. High frequencies = edges & texture. Photoshop's blur, sharpen and edge-detect tools are all this idea. Here's the 1D version so you can see exactly what's happening.

Frequency-domain filtering

\[ \text{low-pass: } \tilde X(k)=X(k)\cdot \mathbb{1}_{|k|\le k_c}\quad\;\;\text{high-pass: } \tilde X(k)=X(k)\cdot \mathbb{1}_{|k|>k_c} \]

Reference: Wikipedia — Digital image processing; Gonzalez, R. C., & Woods, R. E. (2018). Digital Image Processing, 4th ed., Pearson, Ch. 4. Also: GeeksforGeeks — Fourier Transform.

🧪 Try these experiments in order

  1. Look at the original signal — it's a synthetic "image row" with smooth regions, a sharp edge in the middle, and some fine ripples on the right.
  2. Pick Profile B from the dropdown — a noisy gradient. The low-pass demoes Photoshop's Gaussian blur.
  3. Drag cutoff very low. The low-pass becomes a flat blob (only DC survives). The high-pass keeps everything except the average — that's how edges pop out.
  4. Try cutoff just below the position of the fine ripples. The low-pass now smooths only the high-frequency texture, leaving the edge sharp — this is the principle of selective denoising.

Original "image row" (pixel intensity along x)

Low-pass result — smooth regions kept, fine detail removed (blur)

High-pass result — only edges & rapid changes (edge map)

⚠ Watch out for

  • Brick-wall cutoffs (like this demo) produce ringing artefacts near edges — real image processing uses Gaussian or Butterworth filters which roll off gently.
  • Cutoff = 1 means "only the DC component" — the low-pass becomes a flat horizontal line, not "the picture but blurry". That's a maximally aggressive blur, not an "image" any more.
✅ Do

Use frequency-domain filtering for global operations on whole images (denoise, deconvolve, periodic-noise removal — e.g. removing scanline patterns from a TV capture).

❌ Don't

Use full-image FFT for tasks that are inherently local (face detection, object detection) — small-kernel spatial convolution is faster and avoids edge-artefact issues.

Where this matters in industry

Photoshop & GIMP (every blur, sharpen, unsharp-mask filter), medical imaging (MRI is literally a measurement in Fourier space — the raw data is called "k-space"), JPEG compression (discrete cosine transform = Fourier cousin), astronomy image deconvolution, fingerprint enhancement, satellite imagery.

🎯 Learning checkpoint

An MRI scanner measures the Fourier transform of the patient's body directly. Why is taking more samples in k-space (Fourier space) equivalent to taking a higher-resolution image?

Frequently asked questions

How is filtering an image related to Fourier?

An image is just intensity values, and its Fourier transform sorts those into smooth, slowly-varying parts (low frequencies) and sharp edges and texture (high frequencies). Keep the low ones and you blur; keep the high ones and you find edges. This page shows the idea on a single row of pixels.

What is a low-pass filter good for?

Smoothing and blurring — removing noise, softening skin in portraits, or creating depth-of-field effects. It keeps the broad shapes and discards fine detail. Slide the cutoff down here and watch the row lose its sharp steps and ripples.

What does a high-pass filter do?

It keeps the rapid changes and throws away the smooth background, which is exactly how edge detection works. Sharpening filters, the outline-finding step in computer vision, and medical-image enhancement all lean on high-pass filtering. Watch the edges pop out in the high-pass plot.

Is this how Instagram filters and photo apps work?

Many effects are built from these blocks: blur, sharpen, and 'clarity' or 'structure' sliders are low- and high-pass operations under the hood. Real photo apps work in 2D and use fast algorithms, but the frequency-domain intuition is identical to this 1D slice.

Why only a 1D pixel row instead of a full image?

A real image needs a 2D Fourier transform, which is harder to draw and grasp at a glance. Taking a single horizontal line keeps the maths visible — you can watch every value change — while teaching the exact same lesson that scales up to full pictures.