How a Simple Image Convolution Creates Blur

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

チャンネル
3Blue1Brown
公開日
2023年12月12日
動画
0:59
読了時間
1 分
スライド
3
原文
英語
YouTube で開く
スクロールすると動画は右下に小さくなって再生を続けます。字幕は閲覧言語に合わせて切り替わります。
閲覧言語2 言語で読めます
この記事はまだ日本語に翻訳されていないため、英語の原文を表示しています。
要約

30 秒でわかる

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.

ポイント

  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.
全文

チャプターごとに整えた全文を読む

文字起こしのみ
01

A moving grid

Weight nine neighboring pixels equally.

Nine equal weights
スライド 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
スライド 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
スライド 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.

同じチャンネルの記事

スライド 20 枚40:44EN
3Blue1Brown· 2026年10月16日Grant 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 枚51:55EN
3Blue1Brown· 2026年9月18日The 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· 2026年7月24日The 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· 2026年7月16日What 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
スライド2:25EN
3Blue1Brown· 2026年6月12日How 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
スライド1:02EN
3Blue1Brown· 2026年6月10日A Robot Walk and the Puzzle of Optimal Binary EncodingHow few bits does it take to send directions that occur with unequal frequencies?MathematicsScience Communication