โšกFREE Live Master Session: Code Your AI Companion for Kids

    Register for Free โ†’
    AI & ML WorksheetsImage Classification
    Free Interactive Worksheet ยท Beginner

    Image ClassificationPixels, Features & CNN Architecture

    Discover how computers convert visual images into numerical pixels, extract features using Convolutional Neural Networks (CNNs), and classify objects!

    ๐ŸŽฏ

    Overview

    How computers identify visual objects

    Image Classification is the process of an AI system taking an input image and predicting which category (class) it belongs to.

    ๐Ÿ’ก Interactive Demonstration: Image โž” AI Model โž” Category

    Click any image example below to see how the AI classifies it:

    Predicted Outcome: Category: Cat (Mammal)

    Confidence Score: 94% Confidence

    ๐ŸŽจ

    Pixels as Features

    While humans see shapes and colors, computers see images as numerical pixel grids. Each pixel is composed of 3 primary color channels: Red (R), Green (G), and Blue (B), with values ranging from 0 to 255.

    Feature Math: An 8ร—8 image has 64 pixels. Multiply by 3 color channels (RGB) = 192 numerical features for the AI!

    ๐ŸŽ›๏ธ Interactive RGB Pixel Mixer

    Adjust the R, G, and B sliders below to see how pixel color feature values are calculated:

    Feature Values: (255, 100, 50)RGB values โž” Pixel Color โž” Image Feature
    ๐Ÿง 

    How CNN Works

    Click stages to inspect the hierarchy

    Image models use Convolutional Neural Networks (CNNs). They process images in a 4-step hierarchy:

    Image โž” Edges / Patterns โž” Important Features โž” Final Prediction

    1. Convolutional Layers

    Scans image with filters to detect simple edges, lines, and textures.

    Looking for: Horizontal & vertical lines, corners, color gradients.

    Visual: ๐Ÿ“ Line & Edge Maps

    2. Pooling Layers

    Shrinks feature maps to reduce data size while preserving important shapes.

    3. Fully Connected Layers

    Combines detected shapes (wheels + doors) to make the final prediction.

    ๐ŸŽฎ

    Playground: Pixel Colour Classifier

    Draw & Classify

    Paint the 6ร—6 pixel grid using the color brushes, then click Classify Image to run the simulated model:

    Select Brush:
    NEW TEST IMAGE SIMULATION

    Flow: Training Examples โž” Model Learns Patterns โž” New Test Image โž” AI Prediction

    New Test Pattern: Image contains 80% Blue pixels and 20% Red pixels. What will the model predict?

    ๐Ÿ’ช

    Interactive Exercises

    Total XP Earned: 0 / 90 XP
    0 / 4 Completed
    1

    Exercise 1: Calculate Features

    +15 XP ยท Beginner
    2

    Exercise 2: CNN Layers

    +20 XP ยท Intermediate
    3

    Exercise 3: CNN Hierarchy

    +25 XP ยท Intermediate
    3

    Exercise 4: Need for Data

    +30 XP ยท Intermediate
    ๐Ÿง 

    Knowledge Check

    Ready to test your knowledge?

    Answer 10 multiple-choice questions to test your understanding of image classification and CNNs!

    ๐Ÿš€ Ready for live coding?

    Build Real Machine Learning Models with Tutors

    Take the next step! Join our live Intro to Machine Learning Course and write real Python ML code with expert 1-on-1 guidance.