Ⅲ단원 · 1 / 5차시

이미지를 행렬로 표현하기

해상도와 픽셀의 개념을 알고, 흑백·그레이스케일·컬러 이미지 데이터를 행렬로 표현하는 방법을 배웁니다.

학습목표

  • 해상도와 픽셀의 의미를 알고 흑백 이미지 데이터를 0과 1의 행렬로 표현할 수 있다.
  • 그레이스케일(0~255)로 다양한 명도의 흑백 이미지를 표현할 수 있다.
  • 빛의 삼원색(R, G, B)을 이용해 컬러 이미지 데이터를 세 행렬로 표현할 수 있다.

시간 배분

단계활동
도입인공지능은 이미지를 어떻게 인식할까?5분
활동1흑백 이미지를 0과 1의 행렬로 표현하기15분
활동2그레이스케일 — 명도를 수로 표현하기10분
활동3컬러 이미지를 R, G, B 세 행렬로 표현하기15분
정리직접 실습해 보기5분
도입 · 5분

인공지능은 이미지를 어떻게 인식할까?

영화 「매트릭스」에서 인공지능이 구현한 가상 현실의 실제 모습은 무수히 많은 숫자의 배열로 시각화되어 표현됩니다. 인간은 사물에 반사된 빛을 망막으로 감지하고 시각 피질에서 해석하여 사물을 인식하는데, 인공지능이 이미지 데이터를 인식하려면 이미지를 수와 수학 기호로 표현해야 합니다.

이미지 데이터를 구성하는 최소 단위를 픽셀(pixel)이라 하고, 화면을 구성하는 픽셀의 수를 해상도라고 합니다. 가로 $a$개, 세로 $b$개의 픽셀로 구성된 화면의 해상도는 $a\times b$로 나타냅니다.

해상도가 낮아질수록 이미지의 선명도가 떨어집니다. 인공지능이 이미지를 인식하고 분석하려면 각 픽셀의 위치 정보와 색상 정보를 수치화한 코드로 대응시켜야 하는데, 이때 이 정보를 행렬을 이용하여 효율적으로 나타낼 수 있습니다.

활동 1 · 15분

흑백 이미지를 0과 1의 행렬로 표현하기

검은색과 흰색으로만 이루어진 이미지 데이터는 검은색을 0, 흰색을 1로 대응시켜 행렬로 표현할 수 있습니다. 아래 격자를 클릭해 검게 칠하고, 행렬로 어떻게 표현되는지 확인해 보세요.

흑백 이미지 행렬 만들기
활동 2 · 10분

그레이스케일 — 명도를 수로 표현하기

CT, MRI 영상이나 흑백 사진처럼 흰색과 검은색 사이에 다양한 명도를 갖는 이미지는 0(검은색)부터 255(흰색)까지 256단계의 수로 표현합니다. 이를 그레이스케일이라고 합니다.

그레이스케일 슬라이더
128
활동 3 · 15분

컬러 이미지를 R, G, B 세 행렬로 표현하기

컴퓨터 화면에서 색은 빛의 삼원색인 빨강(Red), 초록(Green), 파랑(Blue)을 섞어 표현합니다. 빨강·초록·파랑의 농도를 0부터 255까지 정수로 나타낸 세 행렬 $R, G, B$의 $(i,j)$ 성분을 $r_{ij}, g_{ij}, b_{ij}$라 하면, 픽셀 $(i,j)$의 색상 정보는 $x_{ij}=(r_{ij}, g_{ij}, b_{ij})$로 나타낼 수 있습니다.

해상도 2×2 이미지의 R, G, B 행렬 (클릭해서 각 픽셀 확인)
RGB
행렬(58, 160; 247, 0)(136, 40; 182, 160)(201, 20; 86, 0)
정리 · 5분

직접 실습해 보기

아래 공학 도구에서 직접 그림을 그리고, 그 그림이 어떤 RGB 행렬로 표현되는지 확인해 보세요.

차시 예고

오늘은 흑백·그레이스케일·컬러 이미지를 행렬로 표현하는 방법을 배웠습니다. 다음 시간에는 행렬의 연산으로 이미지의 밝기를 조절하고 합성하는 방법을 배웁니다.

← 이미지 데이터 처리 목록으로 2차시 — 행렬 연산으로 밝기 조절하고 합성하기 →