디자인 기초 상식! 비트맵(Bitmap)과 벡터(Vector)의 차이점, 포토샵 VS 일러스트레이터

 

안녕하세요! 오늘은 그래픽 디자인을 시작할 때 가장 먼저 마주하게 되는 난관, 바로 '비트맵(Bitmap)' 과 '벡터(Vector)' 의 차이에 대해 알아보겠습니다. 

"사진을 확대했더니 깨져 보인다" 거나 "로고는 꼭 AI파일로 만들어야 한다" 는 이야기를 들어 보신적 있나요? 이 모든 것이 바로 이미지의 생성 방식인 비트맵과 벡터의 차이 때문입니다. 이 두가지 개념만 확실히 잡아도 디자인 작업의 반은 이해한 셈입니다.

 

지금부터 두 개념을 정리해 드리겠습니다.

 

비트맵(Bitmap) 이란?

 

비트맵은 우리가 흔히 접한느 사진(JPG)을 생각하면 쉽습니다.

 

- 개념 : '픽셀(Pixel)' 이라고 불리는 수많은 작은 정사각형 점들이 모여서 만들어진 이미지입니다. 마치 모자이크나 십자수와 비슷합니다.

 

- 특징 : 수많은 점이 모여 색상을 표현하기 때문에 색상 변화가 자연스럽고 사실적인 표현이 가능합니다.

 

- 단점 : 이미지를 크게 확대하면 사각형점(픽셀)이 눈에 보이면서 이미지가 거칠어지는 '계단현상(깨짐)'이 발생합니다.

 

- 주요 용도 : 사진, 회화, 복잡한 색상의 이미지 편집

 

- 대표 프로그램 : 어도비 포토샵, 페인터, 윈도우 그림판

 

벡터(Vector) 란?

 

벡터는 주로 로고 디자인이나 캐릭터 디자인에 사용됩니다.

 

- 개념 : 점과 점을 연결하는 '수학적 함수'에 의해 만들어진 선과 면으로 이루어진 이미지입니다. 컴퓨터가 좌표값을 계산해서 그림을 그려줍니다.

 

- 특징 : 수학적 연산으로 이미지를 구현하므로, 아무리 확대하거나 축소해도 이미지가 깨지지 않고 선명합니다. 깔끔하고 명료한 색상표현에 유리합니다.

 

- 단점 : 사진처럼 자연스러운 그라데이션이나 복잡한 색감 변화를 표현하기에는 한계가 있습니다.

 

- 대표 프로그램 : 어도비 일러스트레이터, 플래시, 코렐드로우

 

한눈에 보는 비교

 

구분	비트맵 (Bitmap)	벡터 (Vector)
기본 원리	픽셀(점)의 집합	수학적 공식(선, 좌표)
확대 시	이미지가 깨짐 (계단 현상)	깨지지 않고 선명함
장점	풍부하고 자연스러운 색상 표현	크기 조절이 자유롭고 용량이 효율적
해상도	픽셀 수에 따라 결정 (웹 72ppi, 인쇄 300dpi)	해상도 개념이 없음 (무관)
파일 용량	이미지 크기와 해상도가 클수록 증가	오브젝트(개체) 개수에 따라 달라짐
파일 형식	JPG, GIF, PNG, PSD, BMP	AI, SVG, EPS, PDF
추천 프로그램	포토샵 (Photoshop)	일러스트레이터 (Illustrator)

 

언제 무엇을 써야할까요?

 

작업 목적에 따라 프로그램을 선택하는 것이 중요합니다.

 

 "카메라로 찍은 풍경 사진을 보정하고 싶어!"

 ☞ 비트맵(포토샵)을 사용하세요. 픽셀 단위로 색을 조절하여 자연스러운 보정이 가능합니다.

 

 "우리 가게 간판에 들어갈 로고를 만들고 싶어!"

☞ 벡터(일러스트레이터)를 사용하세요. 명함 같은 작은 것부터 대형 간판까지, 크기를 아무리 키워도 이미지가 선명하게 유지됩니다.