비트맵

작은 색색의 타일을 촘촘히 이어 붙여 완성하는 모자이크 그림이에요.

정의 비트맵은 화면을 바둑판처럼 잘게 쪼갠 사각형 격자 칸(픽셀)마다 색상 정보를 하나씩 채워 넣어 전체 이미지를 완성하는 디지털 그래픽 방식이에요. 점들이 모여 하나의 온전한 사진이나 그림을 만들어요.

모자이크 타일로 그림을 그리는 법

어릴 적 종이를 잘게 찢어 붙이던 모자이크나 십자수 도안을 떠올려 보세요. 네모난 칸마다 정해진 색의 색종이나 실을 하나씩 채우다 보면, 멀리서 볼 때 멋진 풍경이나 얼굴 모양이 나타나요.

컴퓨터도 이와 똑같은 원리로 이미지를 다뤄요. 화면을 아주 미세한 사각형 칸들로 나누고, 각 칸마다 정확한 색상 데이터를 번호표처럼 기록해 둬요. 이렇게 색 정보를 품은 가장 작은 네모 단위를 픽셀(화소)이라고 불러요.

우리가 스마트폰 카메라로 찍는 일상 사진, 인터넷에서 내려받는 배경화면(JPG, PNG) 등이 모두 이 방식으로 만들어져요. 수백만 개의 점이 모여 자연스러운 명암과 색감을 만들어내기 때문에 실사 사진을 담기에 가장 좋아요.

비트맵 원리: 확대된 픽셀 격자와 부드러운 이미지의 비교 멀리서 보면 네모난 픽셀(화소) 격자 부드러운 완성 이미지

돋보기로 보면 왜 네모가 보일까요?

비트맵 이미지는 원래 정해진 크기대로 볼 때는 아주 부드럽고 매끄러워 보여요. 하지만 사진 속 작은 글씨나 눈동자를 보려고 화면을 크게 확대하면, 가장자리가 계단처럼 울퉁불퉁해지며 네모난 블록들이 드러나요.

우리는 흔히 '사진이 깨졌다'고 말하는데, 이는 고정된 크기의 픽셀이 함께 커지면서 생기는 현상이에요. 비트맵은 처음 만들어질 때 정해진 점의 개수만 가지고 있어서, 화면을 아무리 늘려도 원래 없던 새로운 디테일을 만들어낼 수 없어요.

반면 수학적인 계산식으로 선과 면을 그리는 벡터(Vector) 방식은 아무리 확대해도 선명함을 유지해요. 대신 벡터는 비트맵처럼 미묘하고 풍부한 색상의 변화를 사진처럼 자연스럽게 표현하지는 못해요.

비트맵 이미지 확대 시 발생하는 픽셀 계단 현상 다이어그램 원본 비트맵 매끄러운 곡선 확대 확대 화면 깨진 픽셀 (계단 현상)

조금 더 정확히 말하면: 해상도와 파일 용량

비트맵의 품질을 가르는 핵심 기준은 가로와 세로 격자에 얼마나 많은 점이 들어있는가예요. 이 격자의 촘촘한 정도를 해상도(Resolution)라고 부르며, 흔히 1920×1080(FHD)이나 3840×2160(4K) 같은 가로세로 픽셀 수로 표기해요.

해상도가 높을수록 더 빽빽하고 작은 점들로 그림을 그리므로 사진이 훨씬 선명하고 또렷해져요. 하지만 각 점마다 빨강, 초록, 파랑(RGB)의 밝기 정보를 저장해야 하므로, 점이 많아질수록 컴퓨터가 보관해야 할 데이터의 양도 정비례해서 커져요.

그래서 고화질 비트맵 이미지는 파일 용량이 매우 무거워질 수 있어요. 이런 문제를 해결하기 위해 눈으로 구별하기 힘든 색상 차이를 묶어 용량을 줄여주는 다양한 이미지 압축 기술이 함께 발전해 왔어요.

🤔 흔한 오해

✕ 오해

비트맵 이미지는 화질이 나쁜 구식 방식이고, 벡터가 항상 더 좋은 기술이다.

✓ 사실

비트맵과 벡터는 우열의 관계가 아니라 쓰임새가 다른 방식이에요. 실제 카메라 사진처럼 복잡한 명암과 수천만 가지 색채를 사실적으로 담아내는 데는 비트맵이 가장 뛰어나요.

🧺 일상에서 만나요

1 스마트폰 카메라로 촬영한 여행 풍경 JPG 사진
2 포토샵으로 정밀하게 보정하는 고해상도 인물 프로필 사진
3 웹사이트 디자인에서 흔히 쓰이는 투명 배경의 PNG 아이콘
💡 그러니까 한마디로

비트맵은 색을 가진 사각형 점(픽셀)들을 모자이크처럼 모아 사실적인 이미지를 표현하는 방식이에요.