Super-resolution basics in Computer Vision - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to load a low-resolution image using OpenCV.

Computer Vision

import cv2
low_res_img = cv2.imread([1])
print(low_res_img.shape)

Drag options to blanks, or click blank then click option'

A'low_res_image.jpg'

B'model.pth'

C'output.png'

D'high_res_image.jpg'

Attempts:

3 left

💡 Hint

Common Mistakes

Using a high-resolution image filename instead of low-resolution.

We load the low-resolution image file named 'low_res_image.jpg' to start super-resolution.

2fill in blank

medium

Complete the code to resize the low-resolution image to a higher resolution using OpenCV.

Computer Vision

high_res_img = cv2.resize(low_res_img, [1], interpolation=cv2.INTER_CUBIC)
print(high_res_img.shape)

Drag options to blanks, or click blank then click option'

A(256, 256)

B(64, 64)

C(16, 16)

D(8, 8)

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing smaller or same size dimensions, which does not increase resolution.

We resize the image to a larger size (256x256) to simulate super-resolution output.

3fill in blank

hard

Fix the error in the code to define a simple super-resolution model using PyTorch.

Computer Vision

import torch.nn as nn
class SimpleSR(nn.Module):
    def __init__(self):
        super(SimpleSR, self).__init__()
        self.conv1 = nn.Conv2d(3, 64, kernel_size=[1], padding=1)
    def forward(self, x):
        return self.conv1(x)

Drag options to blanks, or click blank then click option'

A1

B5

C3

D7

Attempts:

3 left

💡 Hint

Common Mistakes

Using kernel size 1 or 7 which changes feature extraction behavior.

The kernel size should be 3 to keep the output size consistent with padding=1.

4fill in blank

hard

Fill both blanks to complete the training loop snippet for super-resolution model.

Computer Vision

for epoch in range(num_epochs):
    for data in dataloader:
        inputs, targets = data
        optimizer.zero_grad()
        outputs = model([1])
        loss = criterion(outputs, [2])
        loss.backward()
        optimizer.step()

Drag options to blanks, or click blank then click option'

Ainputs

Btargets

Coutputs

Dinputs.detach()

Attempts:

3 left

💡 Hint

Common Mistakes

Passing targets to the model or comparing outputs with inputs.

We pass inputs to the model and compare outputs with targets to compute loss.

5fill in blank

hard

Fill all three blanks to create a dictionary comprehension that maps image names to their super-resolution outputs.

Computer Vision

sr_results = [1]: model(images[[2]].unsqueeze(0)) for [3] in images.keys()}

Drag options to blanks, or click blank then click option'

Aname

Dimg

Attempts:

3 left

💡 Hint

Common Mistakes

Using different variable names inconsistently causing errors.

We use 'name' as the key and loop variable, and access images by 'name' to get the input tensor.

Practice

1. What is the main goal of super-resolution in computer vision?

easy

A. To convert images into black and white

B. To reduce the size of images for faster loading

C. To make small or blurry images clearer and bigger

D. To detect objects within an image

Solution

1. Step 1: Understand the purpose of super-resolution

   Super-resolution aims to improve image quality by increasing resolution and clarity.

2. Step 2: Compare options with the goal

   Only To make small or blurry images clearer and bigger describes making images clearer and bigger, which matches super-resolution.

3. Final Answer:

   To make small or blurry images clearer and bigger -> Option C

4. Quick Check:

   Super-resolution = clearer, bigger images [OK]

Hint: Super-resolution = clearer + bigger images [OK]

Common Mistakes:

• Confusing super-resolution with image compression
• Thinking it only changes image color
• Mixing it up with object detection

2. Which of the following is the correct Python syntax to resize an image using OpenCV for super-resolution preprocessing?

easy

A. resized = cv2.scale(image, width, height)

B. resized = cv2.resize(image, (width, height))

C. resized = cv2.transform(image, width, height)

D. resized = cv2.changeSize(image, width, height)

Solution

1. Step 1: Recall OpenCV resize function syntax

   The correct function to resize images is cv2.resize with parameters (image, (width, height)).

2. Step 2: Check each option

   Only resized = cv2.resize(image, (width, height)) uses cv2.resize correctly; others use invalid function names.

3. Final Answer:

   resized = cv2.resize(image, (width, height)) -> Option B

4. Quick Check:

   OpenCV resize = cv2.resize(image, (w, h)) [OK]

Hint: OpenCV resize uses cv2.resize(image, (w, h)) [OK]

Common Mistakes:

• Using wrong function names like scale or transform
• Passing width and height as separate arguments instead of a tuple
• Confusing resize with other image operations

3. Given the following Python code using a simple super-resolution model, what will be the shape of the output image if the input image shape is (64, 64, 3) and the model upscales by a factor of 2?

input_shape = (64, 64, 3)
upscale_factor = 2
output_shape = (input_shape[0] * upscale_factor, input_shape[1] * upscale_factor, input_shape[2])
print(output_shape)

medium

A. (128, 128, 3)

B. (64, 64, 6)

C. (32, 32, 3)

D. (128, 64, 3)

Solution

1. Step 1: Understand the input shape and upscale factor

   The input image is 64x64 pixels with 3 color channels. Upscale factor is 2, meaning width and height double.

2. Step 2: Calculate output shape

   Output height = 64 * 2 = 128, output width = 64 * 2 = 128, channels remain 3.

3. Final Answer:

   (128, 128, 3) -> Option A

4. Quick Check:

   Upscale doubles height and width, channels unchanged [OK]

Hint: Multiply height and width by upscale factor only [OK]

Common Mistakes:

• Multiplying channels by upscale factor
• Halving instead of doubling dimensions
• Mixing width and height values

4. You have this Python code snippet for a super-resolution model input preprocessing:

def preprocess(image):
    resized = cv2.resize(image, (128, 128))
    normalized = resized / 255.0
    return normalized

image = cv2.imread('input.jpg')
output = preprocess(image)
print(output.max())

What is the likely error or issue in this code?

medium

A. Division by 255.0 causes a type error on integer arrays

B. print(output.max()) will always print 255 instead of normalized max

C. cv2.resize requires a tuple with height and width reversed

D. cv2.imread reads image in BGR, but normalization expects RGB

Solution

1. Step 1: Analyze image reading and preprocessing

   cv2.imread loads images in BGR format, but many models expect RGB format for correct color interpretation.

2. Step 2: Check normalization and output

   Division by 255.0 is valid for normalization; print(output.max()) will print a value ≤ 1.0, so no error there.

3. Final Answer:

   cv2.imread reads image in BGR, but normalization expects RGB -> Option D

4. Quick Check:

   OpenCV uses BGR, models expect RGB [OK]

Hint: Remember OpenCV loads BGR, convert to RGB if needed [OK]

Common Mistakes:

• Assuming cv2.imread loads RGB images
• Thinking division by 255 causes errors
• Confusing width and height order in resize

5. You want to improve a low-resolution medical image using a super-resolution neural network. Which approach best combines super-resolution with preserving important medical details?

hard

A. Use a deep learning model trained on medical images with a loss function emphasizing edge preservation

B. Apply simple bicubic interpolation to enlarge the image quickly

C. Convert the image to grayscale before super-resolution to reduce complexity

D. Use a generic super-resolution model trained on natural images without fine-tuning

Solution

1. Step 1: Consider the importance of domain-specific training

   Medical images have unique features; models trained on similar data preserve details better.

2. Step 2: Evaluate methods for detail preservation

   Using a loss function that emphasizes edges helps keep important structures clear during super-resolution.

3. Final Answer:

   Use a deep learning model trained on medical images with a loss function emphasizing edge preservation -> Option A

4. Quick Check:

   Domain-specific training + edge loss = best detail preservation [OK]

Hint: Train on similar data and preserve edges for best results [OK]

Common Mistakes:

• Using generic models without fine-tuning
• Relying on simple interpolation only
• Ignoring color or detail importance in medical images