How a Simple Image Convolution Creates Blur

Slide a 3×3 grid of equal weights over an image and average neighboring colors.

Channel
3Blue1Brown
Published
Dec 12, 2023
Video
0:59
Read
1 min
Slides
3
Original
English
Open on YouTube
Scroll to read and the video shrinks to the bottom-right corner. Captions follow your reading language.
Reading languageAvailable in 2 languages
You're reading the original English.
SUMMARY

In 30 seconds

3Blue1Brown shows how a uniform 3×3 kernel averages color pixels to blur an image, and notes the rotation used in the formal definition of convolution.

  1. 1Average nine colorsEach output pixel combines a 3×3 neighborhood with equal weights.
  2. 2Blur the imageRepeating the average makes nearby colors blend.
  3. 3Rotate the kernelConvolution formally rotates the kernel by 180 degrees; this uniform kernel is unchanged.

Takeaways

  1. A 3×3 grid of 1/9 weights averages the nine corresponding color pixels.
  2. Applying the average across an image blends nearby colors and creates blur.
  3. Convolution uses a 180-degree rotated kernel; rotation has no effect on this uniform grid.
FULL TEXT

Read the edited text by chapter

Transcript only
01

A moving grid

Weight nine neighboring pixels equally.

Nine equal weights
SLIDE 1 / 3Nine equal weightsEach position in the 3×3 grid contributes one ninth.

Imagine a 3×3 grid sliding across an image. Each of its nine values is 1/9; multiply each value by the corresponding pixel beneath it.

A color pixel can be represented by a vector of red, green and blue values. Add the nine weighted pixel vectors, and you get their average: the color of one pixel in the output image.

02

From averages to convolution

Apply the operation across the image and consider kernel rotation.

Color as vectors
SLIDE 2 / 3Color as vectorsThe weighted RGB vectors are summed for the output pixel.

Repeat this calculation across the image. Neighboring colors blend together, producing a blur. This operation is an example of convolving the image with a grid of numbers, or kernel.

The convolution result
SLIDE 3 / 3The convolution resultA uniform kernel blurs neighboring colors together.

Strictly speaking, convolution uses the grid rotated 180 degrees. Here every entry is identical, so rotating it changes nothing.

More from this channel

20 slides40:44EN
3Blue1Brown· Oct 16, 2026Grant Sanderson: There's never been a better time to go into mathGrant Sanderson, Constantin Kogler · 3Blue1BrownStudents fear AI has solved mathematics. Grant Sanderson argues the opposite: even if machines prove theorems better than we do, the institution of math stays valuable—and this is a rare moment when newcomers can reshape it.MathematicsAI for scienceHuman-AI Collaboration+2
29 slides51:55EN
3Blue1Brown· Sep 18, 2026The last IMO problem AI could not solveGrant Sanderson · 3Blue1BrownGrant Sanderson walks through IMO 2025 Problem 6 — a tiling puzzle that frontier models missed — and the visual patience it takes to prove a construction is optimal.MathematicsAI researchReasoning & test-time compute+2
0:55EN
3Blue1Brown· Jul 24, 2026The 64 Sugar Cubes Puzzle: Six Equal DistancesA 4×4×4 block has three colors; prove that six same-colored pairs share a distance.MathematicsEducation
33:51EN
3Blue1Brown· Jul 16, 2026What Cross-Entropy Connects: Compression, Language Models and KL DivergenceGrant Sanderson · 3Blue1BrownGrant Sanderson builds cross-entropy from code lengths and uses it to explain next-token training and distillation.MathematicsMachine LearningFoundation Models+1
Slides2:25EN
3Blue1Brown· Jun 12, 2026How Shannon Measured the Entropy of EnglishA guessing game helped Claude Shannon estimate how much information English text contains, and why prediction is central to compression.MathematicsAI History
Slides1:02EN
3Blue1Brown· Jun 10, 2026A Robot Walk and the Puzzle of Optimal Binary EncodingHow few bits does it take to send directions that occur with unequal frequencies?MathematicsScience Communication