Bitmap VS  Vector

포토샵이나 페인트 샵 등 프로그램에서 사용하는 이미지는 비트맵(Bitmap)파일이고 일러스트레이터에서 만든 이미지는 벡터(Vector)파일이다.
Bitmap 파일과 Vector 파일은 포토샵과 일러스트레이터 두 프로그램에서 호환될 뿐만아니라 카메라로 찍은 비트맵 사진을 일러스트레이터 프로그램에서 벡터 파일로 변환되고 양대 툴의 메뉴와 툴, 단축키가 비슷하여 어느 한쪽만 이해하면 툴과 메뉴의 이해가 빠르다.
카메라로 RGB 모드 사진만 찍어 포토샵으로 크롭하여 블로그나 동호회에 올리는 것만이 사진 취미의 다가 아니다.
어떨때는 아기 돌 현수막도 필요하고 동호회 로고도 크게 만들어보고 싶기도하고 연말이면  달력도 연하장도 내 손으로 만들어 보고싶은 것이 인지상정이다.
동호회 연말 모임 현수막을 만든다고 인터넷을 뒤져 포샵질한 것을 광고사에 실사를 부탁하면  파일이 너무 작다느니 AI 벡터 작업을 해오라니 하는 말을 들을 때도 있을거다. 사진을 즐기는데 필요한 벡터파일의 기본만 익혀두면 간단한 로고,표 만들기, 사진을 해상도에 영향을 받지 않는 AI 벡터 파일로 변환하는 것 정도만 익혀두면 고급 사진 취미를 즐길수 있다.
그래서  비트맵(Bitmap)과 벡터(Vector) 파일의 기본적인 이해가 요구된다.

사진을 다루는 포토샵에도 path 작업을 할 수 있는 pen tool이 있어 Bitmap 파일과 Vector 파일의 용도와 어떤 점이 다른가를 알아두면 사진 취미에 많은 도움이 된다.
풍부한 색상으로 사실적인 표현이 가능한 jpg, gif, bmp 형식인 사진은 비트맵 파일이고 이에 반해 AI 형식의 벡터 파일은 색을 표현하는데 한계가 없는 비트맵 파일에 비해 사실적인 표현이 떨어져 단순화 된 캐릭터나 일러스트레이션 등에 주로 사용한다.
벡터 파일은 인쇄를 기반으로 하기 때문에 기본 단위는 mm또는 cm이다.
비트맵 파일의 대표적인 프로그램은 포토샵,페인터샵,오픈캔버스,그림판 등이고,벡터파일을 구현하는 대표적 프로그램은 일러스트레이터이고 코렐드로우,프리핸드,플래시 등이 있다.
비트맵 파일은 작은 사각형 모양의  픽셀이라는 점으로, 벡터 파일은 수학적 데이터인 패스와 기준점으로 이미지를 표현한다.

두 파일간 특히 다른점은 이미지를 확대 경우에 나타나는데 비트맵 파일은 사각모양의 픽셀로 이미지가 이뤄져 확대하면 픽셀이 깨져 출력물의 화질이 떨어지므로 100%이상 확대하여 출력하지 않는 것이 좋다.
이에 반해 path와 기준점을 가지고 수학적으로 표현하는 벡터 파일은 확대하여도 선명도가 떨어지지 않아 원본보다 사이즈를 확대하여 출력하여도 화질이 떨어지지 않는 해상도의 개념이 없어 벡터 파일은 확대,축소 등 작업 편의성이 좋고 출력물의 화질이 좋아 광고,현수막 등 실사물 작업에 AI 벡터 파일이 활용되고 있다.

용량으로 비교하여 보면 비트맵 파일은 픽셀 한 점 한 점에 데이터를 저장하므로 크기가  크고 색감이 풍부할수록 이미지의 용량은 커지나 벡터 파일은 위치값과 컬러 데이터를 수치화하는 수학적 방식으로 이미지를 표현하므로 파일 크기를 키워도 용량은 변하지 않아 비트맵 파일에 비해  이미지 용량이 매우 낮다.
비트맵 파일은 해상도(Resolution)에 따라 화질과 출력물 사이즈에 영향을 많이 받는다.
해상도에 따라 화질과 출력물의 사이즈가 좌우되기 때문에 용도에 따라 해상도의 설정이 매우 중요하다.
일반적으로 우리들이 컴퓨터 모니터에서 보는 RGB 색상의 해상도는 72 pixels/inch가 적당하고 실사 출력을 전제로 작업하는 현수막용 이미지 파일의 해상도는 100~150 pixels/inch ,고급 인쇄물의 해상도는 300 pixels/inch가 기본이다.
비트맵 파일은 해상도가 낮을수록 출력물의 화질은 떨어지지만,벡터 파일은 해상도의 개념이 필요하지 않아 파일의 크기 제약도 없고 용량도 변하지 않는다.

▲  비트맵(Bitmap) 파일

▲  벡터(Vector) 파일 예시

▲  벡터(Vector) 파일과 비트맵(Bitmap) 파일을 조합하여 디자인한 식품구성 자전거.
 일러스트 프로그램으로 자전거 도형을 드로잉하여 여러 가지 식품은 풍부한 색상으로 사실적인 표현이 가능한 비트맵 파일로 이미지 디자인한 식품구성 자전거 그림.

▲  비트맵(Bitmap)파일과 벡터(Vector)파일을 확대하면 비트맵 파일은 사각모양의 픽셀로 이미지가 이뤄져 확대하면 픽셀이 깨져 출력물의 화질이 떨어져 100%이상 확대하여 출력하지 않는 것이 좋다.
비트맵 파일은 출력물의 크기를 예상하여 찍어야 하지만 벡터 파일은 위치값과 컬러 데이터를 수치화하는 수학적 방식으로 이미지를 표현하므로 해상도의 개념이 없어 확대 축소 작업에 자유롭고 확대하여도 선명도가 떨어지지 않아 사이즈를 확대하여 출력하여도 화질이 떨어지지 않는다.
비트맵 이미지인 사진을 벡터 이미지로 변환하는 메뉴가 없을 때는 사진을 일일이 그림처럼 그릴 수 없어 작은 비트맵 파일은 확대하면 깨져 실용성이 없어 큰 사진이 없으면 작업이 불가했지만,지금은 원본이 없는 좀 작은 사진도 벡터파일로 만들어 확대하여 작업하면 이미지가 깨지지 않아 출력물의 화질을 향상 시킬 수 있다.
위 예시 그림에서 동일한 크기의 비트맵 파일과 벡터 파일을 크게 확대한 결과 비트맵 파일은 주변이 계단식으로 깨져 흐릿하게 보이지만, 벡터 파일은 해상도에 영향을 받지 않아 주변이 선명하고 매끈하다.

▲  픽셀을 기반으로하는 비트맵(Bitmap) 대표적 편집 프로그램은 포토샵이고,  패스를 기반으로 하는 벡터(Vector) 파일 드로잉 대표적 편집 프로그램은 일러스트레이터이다.