벡터(Vector)란? _ 포토샵말고 일러스트파일이 필요한 이유

벡터(Vector) 파일의 저장방식/  래스터 파일과 벡터 파일 비교/ 벡터 파일의 장점/

 

안녕하세요? 오늘작업실입니다. 작업한 이미지를 어떤 출력물로 만들어 내고자 한다면 어쩔 수 없이 마주치는 것이 일러스트입니다. 포토샵으로 작업했으면 됐지 왜 또 다른 파일이 필요한 건데?라고 항변해 봤자, 출력소에서는 일러스트 파일을 원합니다. 도대체 왜 그런 걸까요? 오늘은 일러스트 파일은 도대체 뭐가 다르기에, 포토샵 말고 일러스트파일을 찾는지를 알아봐야겠습니다.

---

1. 디지털 이미지를 저장하는 두 가지 방식: 래스터와 벡터

 

디지털 이미지를 저장하는 방식은 크게 래스터(Raster=비트맵:Bitmap) 방식과 벡터(vector) 방식 두 가지로 나뉜다고 합니다.  포토샵 파일(PSD, JPG, PNG)은 래스터방식이고 일러스트 파일(AI)은 벡터방식입니다.

 

 왼쪽사진은 포토샵에서 JPG로 저장한 사진이미지이고, 오른쪽은 같은 사진을 일러스트레이터 프로그램에서 벡터방식으로 변환한 이미지입니다.  래스터방식은 굉장히 선명하게 이미지를 전달하고 있는반면, 벡터방식은 이미지를 축약해서 전달하고 있는 것처럼 보이죠?

---

2. 래스터 저장방식의 특징

" 래스터 방식은 이미지를 작은 조각(픽셀)들로 쪼개서 저장한다 "

 

래스터방식(=비트맵방식)은 이미지를 펼쳐 놓고, 그림 자체를 여러 조각의 픽셀들로 쪼개어 압축 저장하는 방식입니다. 모자이크 퍼즐의 수가 많을수록 섬세한 그림이 완성되는 것처럼,  픽셀의 수가 많아질수록 고해상도의 이미지를 표현하게 됩니다.

 

적은 용량으로 고해상도의 이미지를 저장할 수 있기 때문에 사진파일 전송에 많이 사용됩니다. 우리가 일상생활에서 주로 사용하는 디지털 이미지들이 대부분 래스터(=비트맵) 방식입니다. JPEG, GIF, PNG 등이 래스터 방식이고 포토샵도 역시 래스터 방식입니다. 빠른 작업이 가능하고 작업 호환성도 뛰어납니다.

 

 

3. 벡터 저장방식의 특징

"벡터 방식은 이미지를 수학적인 점, 선으로 계산해서 저장한다"

 

반면에, 벡터방식은 수학적인 계산을 통해 저장하는 방식입니다. 이미지를 수학적인 점, 선으로 이루어진 계산의 대상으로 보는 겁니다. 벡터방식 파일로는 AI(어도비), SVG(W3C), VML, CGM 등이 있습니다. 사진에서 볼 수 있듯이 점과 선으로 이루어진 하나의 도형에 하나의 색만 들어가기 때문에, 마치 점토를 붙여 놓은 것처럼 보입니다. 

 

이렇게만 보면 섬세한 표현과 고화질 이미지 저장이 가능한 래스터방식이 벡터방식보다 더 우월해 보입니다. 하지만 래스터방식은 탁월한 표현력과 함께 어쩔 수 없는 큰 한계도 안고 있습니다.

 

---

4. 벡터 저장방식의 장점과 단점

"래스터 방식은 이미지를 확대할수록 깨지지만, 백터방식은 아무리 확대해도 깨지지 않는다"

 

두 이미지를 부분확대 해보면, 왼쪽 포토샵으로 저장한 래스터방식의 이미지는 사각형의 조각들로 이루어진 것을 볼 수 있죠? 이 조각들이 바로 픽셀입니다. 픽셀들로 이루어진 래스터방식의 결정적인 단점은 이미지를 확대하면 할수록 깨진다는 점입니다. 반면, 백터방식은 아무리 확대해도 깨끗한 선이 유지되고 있는 걸 볼 수 있습니다.

 

조금 더 확대해 볼까요?

또 래스터방식은 편집과 저장을 반복할수록 화질이 계속 떨어지게 됩니다.

반면, 계산된 수치로 이루어진 이미지인 벡터방식은 항상 일정값을 유지할 수 있기 때문에 깨끗한 화질이 유지됩니다.

 

 

"문자, 로고 등 섬세한 이미지를 표현할 때 백터 파일이 유리하다"

 

풍경이미지가 아니라 글씨를 비교해 보면 그 차이는 더 두드러집니다. 자세히 보면 왼쪽 포토샵 파일은 확대를 800% 했고 오른쪽 일러스트 파일은 1000%를 한 것인데 왼쪽 글자는 더 확대했다가는 아예 알아볼 수가 없겠네요.

 

 

"벡터방식은 해상도에 영향을 받지 않기 때문에 활용범위가 넓다"

 

이렇게 벡터방식의 가장 큰 장점은 이미지를 아무리 확대하거나 축소해도 해상도가 떨어지지 않는다는 점입니다.

벡터방식에서는 해상도를 물어볼 필요가 없습니다. 이미지 크기와 상관없이 항상 선명함이 유지되기 때문입니다. 래스터방식에서는 제한적인 수밖에 없던 정말로 많은 작업들이 가능합니다. 회사의 로고나 간판, 아이콘, 티셔츠의 문양까지 활용범위가 아주 넓습니다. 

 

그러나 벡터 이미지는 아직까지 자연스러운 이미지 표현에서는 래스터방식 이미지에 못 미친다는 점. 이미지가 복잡해질수록 컴퓨터가 더 많은 계산을 해내야 하기때문에 속도가 느려질 수 있다는 점. 벡터방식을 저장하고 읽을 수 있는 프로그램 수가 적다는 점 등은 단점으로 꼽힙니다. 

 

 

 

 

작은 로고 스티커 하나 만들려고 할 뿐인데, 왜 굳이 일러스트파일까지 만들어야 되냐고요? 제가 과거에 했던 질문인데요..  알고 보니 이제 납득이 되네요. 여러분은 어떠셨나요? 오늘은 이렇게 래스터방식과 벡터방식의 차이를 비교해보고 벡터방식인 일러스트 파일이 갖는 장점과 단점에 대해 알아보았습니다. 지금까지 오늘 작업실이었습니다.

 

 

JPG파일로 저장할때 유독 글자가 깨져보이는 이유

 

JPG/ PNG/ PSD/ AI/ EPS _ 이미지 파일의 차이점