Edge detection (Canny) in Computer Vision - Model Pipeline Trace

Model Pipeline - Edge detection (Canny)

The Canny edge detection pipeline finds edges in images by smoothing, finding gradients, and selecting strong edges. It helps computers see outlines like we do.

Data Flow - 6 Stages

1Input Image

1 image x 256 height x 256 width x 1 channel (grayscale)→Original grayscale image loaded→1 image x 256 x 256 x 1

A photo of a cat in grayscale

↓

2Gaussian Blur

1 image x 256 x 256 x 1→Smooth image to reduce noise using Gaussian filter→1 image x 256 x 256 x 1

Blurred cat image with less sharp noise

↓

3Gradient Calculation

1 image x 256 x 256 x 1→Calculate intensity change (gradient magnitude and direction) using Sobel filters→1 image x 256 x 256 x 2 (magnitude and angle)

Gradient map showing edges' strength and direction

↓

4Non-Maximum Suppression

1 image x 256 x 256 x 2→Thin edges by keeping only local maxima in gradient direction→1 image x 256 x 256 x 1 (thinned edges)

Thin lines highlighting strongest edges

↓

5Double Threshold

1 image x 256 x 256 x 1→Classify edges as strong, weak, or non-edges using two thresholds→1 image x 256 x 256 x 1 (edge classification)

Strong edges in white, weak edges in gray, others black

↓

6Edge Tracking by Hysteresis

1 image x 256 x 256 x 1→Keep weak edges connected to strong edges, discard others→1 image x 256 x 256 x 1 (final edge map)

Clear edge outlines of the cat

Training Trace - Epoch by Epoch

Loss
0.5 |****
0.4 |***
0.3 |**
0.2 |*
0.1 | 
    +---------
    Epochs 1-5

Epoch	Loss ↓	Accuracy ↑	Observation
1	0.45	0.60	Initial edge detection with many false edges
2	0.30	0.75	Better edge clarity after tuning thresholds
3	0.20	0.85	Edges are sharper and noise reduced
4	0.15	0.90	Strong edges well detected, weak edges properly filtered
5	0.12	0.92	Converged to stable edge detection performance

Prediction Trace - 6 Layers

Layer 1: Input Image

Layer 2: Gaussian Blur

Layer 3: Gradient Calculation

Layer 4: Non-Maximum Suppression

Layer 5: Double Threshold

Layer 6: Edge Tracking by Hysteresis

Model Quiz - 3 Questions

What is the main purpose of the Gaussian Blur step in Canny edge detection?

A To classify edges as strong or weak

B To find the gradient direction

C To reduce noise and smooth the image

D To thin the edges to one pixel

Key Insight

Canny edge detection works by carefully smoothing, finding gradients, and selecting edges with thresholds. This step-by-step process helps computers find clear edges like humans do, improving with tuning and iteration.

Practice

1. What is the main purpose of the Canny edge detection algorithm in computer vision?

easy

A. To resize images without losing quality

B. To colorize black and white images

C. To blur an image for noise reduction

D. To find clear edges in an image by detecting boundaries

Solution

1. Step 1: Understand the goal of edge detection

   Edge detection aims to find where objects start and end by detecting sharp changes in brightness.

2. Step 2: Recognize Canny's role

   Canny edge detection specifically finds clear edges by using gradients and thresholds to highlight boundaries.

3. Final Answer:

   To find clear edges in an image by detecting boundaries -> Option D

4. Quick Check:

   Edge detection = finding boundaries [OK]

Hint: Edges show object borders clearly in images [OK]

Common Mistakes:

• Confusing edge detection with image coloring
• Thinking Canny blurs images
• Assuming it resizes images

2. Which of the following is the correct way to call the Canny edge detector function in OpenCV (Python)?

easy

A. cv2.Canny(image, threshold1, threshold2)

B. cv2.canny(image, threshold1, threshold2)

C. cv2.Canny(image, threshold2, threshold1)

D. cv2.Canny(image)

Solution

1. Step 1: Recall OpenCV function naming

   OpenCV functions are case-sensitive; the correct function is Canny with uppercase C.

2. Step 2: Check required parameters

   The function requires the image and two threshold values in order: low threshold first, then high threshold.

3. Final Answer:

   cv2.Canny(image, threshold1, threshold2) -> Option A

4. Quick Check:

   Correct function name and parameter order = A [OK]

Hint: Function names are case-sensitive; check parameter order [OK]

Common Mistakes:

• Using lowercase 'canny' instead of 'Canny'
• Swapping threshold1 and threshold2
• Omitting required threshold parameters

3. Given the following Python code snippet using OpenCV, what will be the shape of the output image after applying Canny edge detection?

import cv2
image = cv2.imread('photo.jpg')
edges = cv2.Canny(image, 100, 200)
print(edges.shape)

medium

A. (height, width)

B. (height, width, 3)

C. (width, height)

D. (height, width, 1)

Solution

1. Step 1: Understand input image shape

   Original image read by cv2.imread is usually (height, width, 3) for color images.

2. Step 2: Check output of cv2.Canny

   Canny outputs a single-channel (grayscale) edge map, so shape is (height, width) without color channels.

3. Final Answer:

   (height, width) -> Option A

4. Quick Check:

   Canny output is grayscale edges = (height, width) [OK]

Hint: Canny output is single-channel grayscale image [OK]

Common Mistakes:

• Assuming output keeps 3 color channels
• Confusing width and height order
• Expecting a 3D shape for edges

4. You run Canny edge detection with thresholds 50 and 150 but get too many noisy edges. Which fix below correctly reduces noise in the output?

medium

A. Use a color image instead of grayscale

B. Decrease both thresholds to lower values

C. Increase both thresholds to higher values

D. Remove Gaussian blur before Canny

Solution

1. Step 1: Understand threshold effect on noise

   Lower thresholds detect more edges including noise; higher thresholds reduce noise by ignoring weak edges.

2. Step 2: Choose correct adjustment

   Increasing thresholds filters out weak noisy edges, improving edge quality.

3. Final Answer:

   Increase both thresholds to higher values -> Option C

4. Quick Check:

   Higher thresholds reduce noise in edges [OK]

Hint: Higher thresholds filter out weak noisy edges [OK]

Common Mistakes:

• Lowering thresholds increases noise
• Using color images directly confuses Canny
• Skipping blur preprocessing increases noise

5. You want to detect edges on a noisy grayscale image using Canny. Which sequence of steps will best improve edge detection results?

hard

A. Apply median blur, then Canny with low thresholds, then erode edges

B. Apply Gaussian blur, then Canny with tuned thresholds, then dilate edges

C. Apply Canny directly with default thresholds, then convert to color

D. Resize image larger, then apply Canny with high thresholds, then invert edges

Solution

1. Step 1: Preprocess noisy image with Gaussian blur

   Gaussian blur smooths noise while preserving edges, improving Canny input.

2. Step 2: Apply Canny with tuned thresholds

   Adjust thresholds to balance edge detection and noise filtering.

3. Step 3: Use dilation to strengthen edges

   Dilation thickens edges, making them clearer for further processing.

4. Final Answer:

   Apply Gaussian blur, then Canny with tuned thresholds, then dilate edges -> Option B

5. Quick Check:

   Blur + tuned thresholds + dilation = best edge detection [OK]

Hint: Blur first, tune thresholds, then enhance edges [OK]

Common Mistakes:

• Using low thresholds increases noise
• Skipping blur causes noisy edges
• Converting to color after Canny is useless