비트맵과 벡터의 차이 (png vs svg)

https://www.nemolab.co.kr/108/?q=YToyOntzOjEyOiJrZXl3b3JkX3R5cGUiO3M6MzoiYWxsIjtzOjQ6InBhZ2UiO2k6MTt9&bmode=view&idx=5095098&t=board&category=F0i877F7x2

비트맵

비트맵이란 주요 확장자가 jpg, png, bmp인 파일을 일컫는다..

일반적으로 웹상에서 찾아볼 수 있는 거의 모든 이미지 파일은 비트맵 방식으로 저장이 된다고 생각하면 된다.
이런 확장자의 이미지를 확대해보면, 한 픽셀 당 한 개의 색상만 저장된것을 알 수 있다.

보통 포토샵을 이용해서 만들어지고, 격자무늬로 이루어져있다.

이런 이유때문에, 비트맵 이미지는 메모리 용량을 많이 잡아먹는다.

벡터

벡터는 점과 선으로 이루어져있고, 그 방향성과 연결을 통해서 이미지를 표현한다.
일반적으로 일러스트레이터를 사용해서 작업된다.

이러한 방식은 이미지 정보를, 점과 점을 잇는 선 / 그 점의 위치 / 그 점에서의 곡률로 저장된다.
그래서 이미지를 아무리 확대해서 보더라도, 이미지가 절대 깨지지 않는다.

또한, 위와 같은 몇가지 정보들만 알고 있으면 되기 떄문에 용량도 굉장히 적다.

즉, 벡터는 작업환경에서 빠르게 디자인하고 가볍게, 손상없이 저장하고 전달하기 위해서 꼭 필요하다.
그리고 픽셀로도 변환도 가능하다!

하지만 점,선,면으로 구성할 수 밖에없는 이미지는 비트맵 방식으로 만드는게 낫고,
수학적인 작업이 들어가는 과정이라서, 이미지가 복잡하다면 svg가 오히려 느려질 수 있기 떄문에 단순한 로고 디자인과 같은 곳에 사용된다.