svg란?

Scalable Vector Graphics 의 약자.
화면을 확대해도 깨지지 않는다는 특징을 가짐.

Vector graphics VS Raster graphics

두방법의 차이점

구성 요소의 차이

V: point, line 등의 vector 요소
R: pixel

들어가는 정보

V: vector 단위의 정보 -> ex) line 의 모양은 어떠한지? 위치는 어디인지?
R: pixel 단위의 정보 -> ex) 각 픽셀의 색깔등

이미지를 확대할때?

V: vector 단위의 정보를 바탕으로 재계산
R: 재계산 X

파일크기

vector 단위의 정보가 담겨있는 쪽이 모든 픽셀에 대한 정보가 담겨있는 쪽보다 상대적으로 크기가 작다