Bird
Raised Fist0
Computer Visionml~5 mins

Image gradients (Sobel, Laplacian) in Computer Vision

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
Introduction

Image gradients help us find edges and shapes in pictures by showing where colors change quickly.

To detect edges in photos for object recognition.
To highlight boundaries in medical images like X-rays.
To prepare images for further analysis like shape detection.
To improve photo filters that rely on edges.
To find motion or changes between video frames.
Syntax
Computer Vision
import cv2

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

# Sobel gradient
sobel_x = cv2.Sobel(image, cv2.CV_64F, 1, 0, ksize=3)
sobel_y = cv2.Sobel(image, cv2.CV_64F, 0, 1, ksize=3)

# Laplacian gradient
laplacian = cv2.Laplacian(image, cv2.CV_64F)

Sobel calculates gradients in horizontal (x) and vertical (y) directions separately.

Laplacian calculates the second derivative, showing where intensity changes rapidly in all directions.

Examples
Calculates vertical edges by looking at changes left to right.
Computer Vision
sobel_x = cv2.Sobel(image, cv2.CV_64F, 1, 0, ksize=3)
Calculates horizontal edges by looking at changes top to bottom.
Computer Vision
sobel_y = cv2.Sobel(image, cv2.CV_64F, 0, 1, ksize=3)
Finds edges by combining changes in all directions.
Computer Vision
laplacian = cv2.Laplacian(image, cv2.CV_64F)
Sample Model

This code creates a simple image with a white square on black background. It then calculates the Sobel gradients in x and y directions and the Laplacian gradient. Finally, it prints the total edge strength detected by each method.

Computer Vision
import cv2
import numpy as np

# Create a simple black image with a white square
image = np.zeros((100, 100), dtype=np.uint8)
cv2.rectangle(image, (30, 30), (70, 70), 255, -1)

# Calculate Sobel gradients
sobel_x = cv2.Sobel(image, cv2.CV_64F, 1, 0, ksize=3)
sobel_y = cv2.Sobel(image, cv2.CV_64F, 0, 1, ksize=3)

# Calculate Laplacian gradient
laplacian = cv2.Laplacian(image, cv2.CV_64F)

# Convert gradients to absolute values and 8-bit for display
abs_sobel_x = cv2.convertScaleAbs(sobel_x)
abs_sobel_y = cv2.convertScaleAbs(sobel_y)
abs_laplacian = cv2.convertScaleAbs(laplacian)

# Print sum of gradient values to show edge strength
print(f"Sum of Sobel X edges: {np.sum(abs_sobel_x)}")
print(f"Sum of Sobel Y edges: {np.sum(abs_sobel_y)}")
print(f"Sum of Laplacian edges: {np.sum(abs_laplacian)}")
OutputSuccess
Important Notes

Sobel gradients are good for detecting edges in specific directions.

Laplacian is more sensitive and detects edges in all directions but can be noisier.

Always convert gradients to absolute values before displaying or analyzing.

Summary

Image gradients highlight edges by showing where pixel brightness changes quickly.

Sobel finds edges horizontally and vertically, while Laplacian finds edges in all directions.

These techniques help computers understand shapes and objects in images.

Practice

(1/5)
1. What is the main purpose of using image gradients like Sobel and Laplacian in computer vision?
easy
A. To increase the color saturation of an image
B. To convert the image into grayscale
C. To blur the image and reduce noise
D. To detect edges by highlighting rapid changes in pixel brightness

Solution

  1. Step 1: Understand what image gradients do

    Image gradients detect changes in pixel brightness, which correspond to edges in images.
  2. Step 2: Match purpose with options

    Sobel and Laplacian filters highlight edges by showing where brightness changes quickly, not color or blur.
  3. Final Answer:

    To detect edges by highlighting rapid changes in pixel brightness -> Option D
  4. Quick Check:

    Image gradients = edge detection [OK]
Hint: Edges = brightness changes, gradients highlight these [OK]
Common Mistakes:
  • Confusing edge detection with color changes
  • Thinking gradients blur images
  • Assuming gradients convert images to grayscale
2. Which of the following is the correct way to apply a Sobel filter in OpenCV to detect horizontal edges?
easy
A. cv2.Laplacian(image, cv2.CV_64F)
B. cv2.Sobel(image, cv2.CV_64F, 0, 1, ksize=3)
C. cv2.Sobel(image, cv2.CV_64F, 1, 0, ksize=3)
D. cv2.Canny(image, 100, 200)

Solution

  1. Step 1: Recall Sobel filter parameters

    In OpenCV, Sobel's dx=1 and dy=0 detects horizontal edges (changes along x-axis).
  2. Step 2: Match parameters to options

    cv2.Sobel(image, cv2.CV_64F, 1, 0, ksize=3) uses dx=1, dy=0, which is correct for horizontal edge detection.
  3. Final Answer:

    cv2.Sobel(image, cv2.CV_64F, 1, 0, ksize=3) -> Option C
  4. Quick Check:

    dx=1, dy=0 means horizontal edges [OK]
Hint: dx=1, dy=0 for horizontal Sobel edges [OK]
Common Mistakes:
  • Swapping dx and dy values
  • Using Laplacian instead of Sobel for directional edges
  • Confusing Canny edge detector with Sobel
3. Given the following Python code using OpenCV, what will be the shape of the output image after applying the Laplacian filter?
import cv2
image = cv2.imread('photo.jpg', cv2.IMREAD_GRAYSCALE)
laplacian = cv2.Laplacian(image, cv2.CV_64F)
print(laplacian.shape)
medium
A. Same height and width as the input grayscale image
B. One channel smaller than input image
C. A 3-channel color image
D. A single pixel value

Solution

  1. Step 1: Understand Laplacian output size

    Laplacian filter outputs an image of the same size as input, preserving height and width.
  2. Step 2: Check input image type

    Input is grayscale (single channel), so output remains single channel with same dimensions.
  3. Final Answer:

    Same height and width as the input grayscale image -> Option A
  4. Quick Check:

    Laplacian output size = input size [OK]
Hint: Laplacian keeps image size same as input [OK]
Common Mistakes:
  • Expecting output to have fewer channels
  • Thinking Laplacian converts grayscale to color
  • Assuming output is a single pixel value
4. You wrote this code to apply Sobel filter but get an error:
import cv2
image = cv2.imread('img.png')
sobel = cv2.Sobel(image, cv2.CV_64F, 1, 0)
What is the likely cause of the error?
medium
A. Image path is incorrect
B. Sobel filter cannot be applied to color images
C. cv2.CV_64F is not a valid depth argument
D. Missing kernel size parameter 'ksize' in cv2.Sobel call

Solution

  1. Step 1: Check image loading

    cv2.imread('img.png') returns None if file does not exist, causing Sobel to fail.
  2. Step 2: Validate other parameters

    Sobel works on color images channel-wise, CV_64F is valid, ksize defaults to 3.
  3. Final Answer:

    Image path is incorrect -> Option A
  4. Quick Check:

    Check image is not None after imread [OK]
Hint: Always check if cv2.imread returns None [OK]
Common Mistakes:
  • Forgetting to verify image loaded
  • Assuming Sobel cannot handle color images
  • Believing ksize parameter is mandatory
5. You want to detect edges in all directions in a noisy grayscale image. Which approach is best to get clear edges while reducing noise?
hard
A. Apply Sobel filter directly without preprocessing
B. Apply Gaussian blur first, then use Laplacian filter
C. Use only Gaussian blur without edge detection
D. Apply Laplacian filter first, then Gaussian blur

Solution

  1. Step 1: Understand noise effect on edge detection

    Noise causes false edges; smoothing reduces noise before edge detection.
  2. Step 2: Choose correct filter order

    Applying Gaussian blur first smooths noise, then Laplacian detects edges in all directions clearly.
  3. Final Answer:

    Apply Gaussian blur first, then use Laplacian filter -> Option B
  4. Quick Check:

    Smooth then detect edges = clear edges [OK]
Hint: Blur noisy image before Laplacian for better edges [OK]
Common Mistakes:
  • Applying edge detection before noise reduction
  • Using Sobel only for all-direction edges
  • Skipping noise reduction step