그래픽파일의 종류

디지털 그래픽 파일은 이미지를 화면에 구현하고 데이터를 저장하는 방식에 따라 크게 벡터(Vector, 벡터) 방식과 비트맵(Bitmap, 비트맵) 방식으로 나뉜다. 컴퓨터가 이미지를 점과 선의 수학적 공식으로 계산하여 그리는지, 아니면 미세한 사각형 색상 점들의 모음으로 기록하는지에 따라 표현 특성과 적합한 작업 환경이 달라진다. 작업 목적에 맞는 올바른 파일 형식을 선택하기 위해서는 두 방식의 구조적 차이와 확장자별 특성을 정확히 이해해야 한다.

---

1. 제작방식에 따른 분류

그래픽 제작 방식은 선과 면의 연산 방식을 따르는 벡터와 격자 형태의 픽셀(Pixel, 픽셀) 구조를 따르는 비트맵으로 양분된다. 아래 표는 두 제작 방식의 주요 특징, 대표 파일 확장자, 주로 사용하는 편집 소프트웨어를 비교한 내용이다.

2. 벡터(Vector)와 비트맵(Bitmap)의 원리와 특징

벡터(Vector) 방식은 기준점(Anchor Point)과 이를 잇는 경로(Path, 패스)의 좌표값, 곡률, 선 두께, 색상 데이터를 수학적 함수로 계산하여 화면에 표시하는 방식이다. 점과 선으로 이루어진 도형 내부를 채우는 구조로 동작하므로, 이미지를 수천 배 확대하거나 대형 출력용 크기로 확대하더라도 경계선이 흐려지거나 깨지지 않고 매끄러운 선을 유지한다. 일러스트레이터(Illustrator)나 피그마(Figma) 같은 벡터 기반 도구에서 제작하며, 로고, 아이콘, 폰트, 캐릭터 일러스트 등에 주로 사용된다.

비트맵(Bitmap) 방식은 격자 형태의 바둑판 위에 픽셀(Pixel)이라는 작은 사각형 점(칸)을 배열하여 전체 이미지를 형성하는 방식이다. 수많은 픽셀마다 개별 색상 값이 할당되어 동작하므로 미세한 명암 변화와 복잡한 질감, 사진과 같은 사실적인 표현을 정밀하게 처리할 수 있다. 그러나 정해진 수의 픽셀로 크기가 고정되어 있어 이미지를 본래 크기 이상으로 확대하면 사각형 픽셀 칸이 도드라져 보이는 계단 현상(Aliasing, 앨리어싱)과 화질 저하가 발생한다. 포토샵(Photoshop)이나 그림판 등의 래스터 기반 도구에서 주로 편집된다.

위 이미지는 동일한 그래픽 요소를 확대했을 때 벡터와 비트맵에서 나타나는 화질 표현의 차이를 비교한 화면이다. 벡터 그래픽은 배율을 확대하더라도 수학적 계산에 의해 경계선이 매끄럽게 재계산되는 반면, 비트맵 그래픽은 고정된 픽셀 격자가 확대되면서 가장자리가 사각형 형태로 깨지는 현상을 확인할 수 있다.

위 이미지는 비트맵 이미지가 미세한 사각형 칸(픽셀) 단위의 데이터로 조합되어 있음을 보여주는 구조도다. 픽셀 하나하나는 단일한 색상 정보만을 가질 수 있으며, 이 칸들이 모여 하나의 온전한 그림을 구성한다. 따라서 비트맵 작업 시에는 캔버스 생성 단계에서 작업 목적에 맞는 적절한 해상도(DPI/PPI)와 픽셀 크기를 사전에 설정해야 품질 손실을 방지할 수 있다.

3. 주요 확장자 및 파일 선택 기준

실무 환경에서는 그래픽 파일의 용도에 맞춰 적절한 확장자를 선택해야 파일 크기 최적화와 화면 품질 유지가 가능하다. 대표적인 확장자의 특성은 다음과 같다.

• SVG: 웹 브라우저에서 직접 렌더링 가능한 XML 기반 벡터 파일로, 반응형 웹 디자인의 아이콘 및 로고에 표준으로 사용된다.
• AI / EPS: 일러스트레이터 원본 파일 및 인쇄 출판용 표준 벡터 포맷으로, 대형 인쇄물 제작에 사용된다.
• JPG (JPEG): 압축률이 높은 손실 압축 비트맵 포맷으로, 용량 대비 품질이 우수하여 일반 사진 이미지에 널리 쓰인다.
• PNG: 투명 배경(알파 채널)을 지원하는 무손실 압축 비트맵 포맷으로, UI 그래픽 요소 및 투명도가 필요한 이미지에 적합하다.
• WebP: 높은 압축 효율과 투명도 지원을 동시에 제공하는 최신 웹 표준 비트맵 포맷으로, 웹 페이지 로딩 속도 최적화에 권장된다.

---