비트맵 이미지와 백터 이미지의 차이점에 관하여

비트맵 이미지와 백터 이미지는 이미지의 특성에도 차이가 있지만, 만들어지는 방식에서도 차이가 있습니다.

이 블로그에서는 그래픽 툴을 크게 포토샵과 일러스트레이터로 나누어 포스팅하고 있는 데, 포토샵은 흔히 비트맵 이미지 편집 전용 프로그램으로 볼 수 있고, 반면 일러스트레이터는 백터 이미지 편집 전용 프로그램으로 볼 수 있습니다.

아래에서 두 가지 이미지 포맷의 차이점에 관하여 좀 더 살펴보도록 하겠습니다.

 

1. 비트맵(Bitmap) 이미지

비트맵 이미지는 작은 정사각형의 점들이 모여 하나의 이미지를 이루게 되는 데 이러한 작은 점을 픽셀이라고 합니다. 이러한 작은 점은 확대하면 그 각진 모습이 도드라져 나타나기 때문에 이미지 전체를 확대했을 때 매끄럽지 못하고 각진 픽셀들이 보이기도 합니다. 

일부러 이러한 이미지를 사용하기도 하는 데, 이를 도트 이미지 또는 픽셀 이미지라고도 합니다.

수많은 픽셀들이 모여 색을 나타내므로 다양하고 자연스러운 색을 표현할 수 있습니다.

흔히, 윈도우에서 일반적으로 사용하는 대부분의 이미지가 비트맵 이미지입니다.

 

아래의 이미지는 윈도우 배경 화면으로 쓰이는 비트맵 이미지 중 하나를 가로 640픽셀로 축소한 비트맵 이미지입니다.

 

 

위의 비트맵 이미지를 640 픽셀에서 2400 픽셀로 확대한 다음 일부분들을 보면 이미지의 주요 부분들에서 도트들이 보이기 시작하고 경계가 뭉개지는 것을 볼 수 있습니다.

 

 

이러한 특성을 가진 비트맵 이미지 확장자로는 jpeg, jpg, bmp, psd, gif, png, tiff, eps, pdf 등이 있습니다.

비트맵 이미지를 편집하는 주요 툴로는 대표적으로 윈도우의 기본 프로그램인 그림판, 포토샵, 페인터 등이 있습니다.

비트맵 이미지의 해상도는 픽셀의 개수가 많고 적음에 따라 결정되는데, 보통 웹이나 모바일, 영상 등의 경우에는 72 ppi이며 인쇄의 경우에는 300 dpi입니다.

해상도, 크기, 색상의 개수가 많아질수록 용량이 커지는 특징을 가진 비트맵 이미지는 주로 사진이나 픽셀 수가 많은 이미지 등에 사용됩니다.

 

2. 벡터(Vector) 이미지

벡터 이미지란 수학 함수에 의해 만들어진 이미지입니다. 즉, 수학에서 선을 그으면 X축과 Y축의 좌표값이 연속되는 것처럼 수학적 계산에 의해 만들어지는 이미지로 아무리 확대해도 이미지의 픽셀화나 깨짐, 번짐 등의 증상이 없고 선명한 색상과 선을 유지하게 됩니다.

 

아래의 이미지는 일러스트레이터에 열린 eps 포맷의 벡터 이미지를 포스팅하기 위하여 640 픽셀의 jpg 이미지로 올린 이미지입니다.

 

 

위의 eps 벡터 포맷 이미지를 일러스트레이터에서 3배 정도 확대해도 중심 부위의 텍스트 이미지나 나무 이미지 등이 전혀 깨지거나 도트가 보이게 되거나 하지 않습니다.

아래의 이미지는 300%로 확대한 이미지에서 중앙 부분만을 캡처해 본 이미지입니다.

 

 

아래에 이 포스팅에서 사용한 저작권 무료인 eps 샘플 벡터 파일을 다운로드 가능하도록 올려 둡니다. 확대 또는 축소 시에 벡터 이미지가 상태를 그대로 유지하는 것을 확인해 보시기 바랍니다.

 

painted-tropical-leaves-background.zip

1.58MB

 

벡터 포맷을 지원하는 확장자로는 eps, ai, svg, swf, cdr 등이 있습니다.

툴로는 일러스트레이터, 플래시, 코렐드로우 등을 사용하며, 벡터 이미지에서는 해상도라는 개념 자체가 없습니다.

이미지의 크기에는 파일 크기가 영향을 받지 않으며, 벡터 이미지에서 파일 크기에 영향을 주는 것은 기준점의 개수입니다.

이러한 벡터 이미지는 주로 디자인이나 인쇄, CI, 캐릭터 디자인 등에 사용됩니다.