Bird
Raised Fist0
Computer Visionml~20 mins

Edge detection (Canny) in Computer Vision - ML Experiment: Train & Evaluate

Choose your learning style10 modes available

Start learning this pattern below

Jump into concepts and practice - no test required

or
Recommended
Test this pattern10 questions across easy, medium, and hard to know if this pattern is strong
Experiment - Edge detection (Canny)
Problem:Detect edges in images using the Canny edge detection algorithm.
Current Metrics:Edges detected are noisy with many false edges and some important edges missing.
Issue:The current edge detection produces too many false positives and misses some real edges, indicating poor parameter tuning.
Your Task
Improve the quality of edge detection by tuning the Canny algorithm parameters to reduce noise and better capture true edges.
Must use the Canny edge detection method.
Can only adjust the threshold parameters and Gaussian blur kernel size.
Must keep the code runnable with OpenCV in Python.
Hint 1
Hint 2
Hint 3
Solution
Computer Vision
import cv2
import numpy as np
import matplotlib.pyplot as plt

# Load image in grayscale
image = cv2.imread('input_image.jpg', cv2.IMREAD_GRAYSCALE)

# Apply Gaussian blur to reduce noise
blurred = cv2.GaussianBlur(image, (5, 5), 1.4)

# Apply Canny edge detection with tuned thresholds
edges = cv2.Canny(blurred, threshold1=50, threshold2=150)

# Show original and edge images
plt.figure(figsize=(10,5))
plt.subplot(1,2,1)
plt.title('Original Grayscale Image')
plt.axis('off')
plt.imshow(image, cmap='gray')

plt.subplot(1,2,2)
plt.title('Edges Detected (Canny)')
plt.axis('off')
plt.imshow(edges, cmap='gray')

plt.show()
Added Gaussian blur with kernel size (5,5) and sigma 1.4 to reduce noise before edge detection.
Adjusted Canny thresholds to 50 (lower) and 150 (upper) for better edge selection.
Results Interpretation

Before: Noisy edges with many false detections and missing important edges.
After: Cleaner edges with reduced noise and better true edge detection.

Tuning parameters like thresholds and applying noise reduction before edge detection improves the quality of detected edges in images.
Bonus Experiment
Try using different Gaussian blur kernel sizes and observe how it affects edge detection quality.
💡 Hint
Increase the kernel size to smooth more noise but watch out for losing fine edges.

Practice

(1/5)
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