벡터 그래픽 (Vector Graphic) vs 비트맵 그래픽 (Bitmap/Raster Graphic)

 

벡터 그래픽 vs 비트맵 그래픽

벡터 그래픽 (Vector Graphic)

벡터 그래픽은 수학적 공식을 사용하여 점, 선, 곡선, 다각형 등의 기하학적 요소로 이미지를 구성하는 방식입니다. 각 객체는 방정식으로 정의되어 크기 조절 시에도 원본 품질을 유지할 수 있습니다.

장점

• 무한한 확대 가능 - 해상도 독립적이며 어떤 크기로도 품질 저하 없음
• 작은 파일 크기 - 복잡한 이미지도 상대적으로 작은 용량
• 편집 용이성 - 개별 요소를 독립적으로 수정 가능
• 정밀한 제어 - 정확한 측정과 기하학적 변형 가능
• 애니메이션 적합 - SVG 등으로 웹 기반 애니메이션 구현 용이

단점

• 사실적 표현 한계 - 사진 같은 복잡한 이미지 표현 부적합
• 제한된 색상 표현 - 그라데이션과 텍스처 구현이 어려움
• 호환성 문제 - 모든 프로그램이 벡터 형식을 지원하지 않음
• 복잡도 증가 - 매우 복잡한 이미지는 처리 속도 저하

주요 파일 형식: SVG, AI (Adobe Illustrator), EPS, PDF, CDR (CorelDRAW)

비트맵 그래픽 (Bitmap/Raster Graphic)

비트맵 그래픽은 픽셀(pixel)이라는 작은 사각형 점들의 격자 배열로 이미지를 구성하는 방식입니다. 각 픽셀은 특정 색상 정보를 담고 있으며, 디지털 카메라로 찍은 사진이 대표적인 예입니다.

장점

• 사실적 표현 - 사진과 같은 복잡한 이미지 표현에 적합
• 풍부한 색상 - 수백만 가지 색상의 정교한 표현 가능
• 특수 효과 - 블러, 쉐도우 등 다양한 효과 적용 용이
• 보편적 호환 - 거의 모든 장치와 프로그램에서 지원
• 텍스처 표현 - 질감과 패턴을 자연스럽게 표현

단점

• 해상도 의존 - 확대 시 픽셀 깨짐 현상 발생
• 큰 파일 크기 - 고해상도 이미지는 용량이 큼
• 편집 제한
• 크기 조정 문제
• 배경 제거 어려움

주요 파일 형식: JPG/JPEG, PNG, GIF, BMP, TIFF, PSD (Photoshop)

비교 항목	벡터 그래픽	비트맵 그래픽
구성 방식	수학적 공식 (점, 선, 곡선)	픽셀 배열
확대/축소	품질 유지 (해상도 독립적)	픽셀 깨짐 발생 (해상도 의존적)
파일 크기	일반적으로 작음	해상도에 따라 크게 증가
색상 표현	제한적 (단색, 그라데이션)	풍부함 (사진 수준)
주요 용도	로고, 아이콘, 일러스트, 차트	사진, 웹 그래픽, 디지털 아트
편집 가능성	개별 요소 편집 용이	픽셀 단위 편집 제한적

결론: 어떤 것을 선택해야 할까?

• 벡터 그래픽을 선택할 때: 크기 조정이 자주 필요하거나 인쇄용 고품질 그래픽이 필요할 때 (로고, 명함, 대형 배너 등)
• 비트맵 그래픽을 선택할 때: 사진이나 사실적인 이미지가 필요하거나 웹에서 즉시 사용해야 할 때 (웹 사진, SNS 이미지, 복잡한 텍스처 등)
• 혼용하는 경우: 현대 디자인 작업에서는 벡터 요소와 비트맵 이미지를 결합해 사용하는 경우가 많습니다 (예: 벡터 로고 + 비트맵 배경 이미지).