CSS. 픽셀과 벡터의 차이점은?

닷닷닷닷

픽셀이란?

픽셀은 사각형의 점으로, 디지털 화상을 구성하는 기본적인 단위이다.

 

이 점 하나에 해당 색의 정보가 담겨져 있으며, 이는 곧 그림의 용량과 직결된다.

대표적인 포맷은 JPG, PNG, GIF이 있으며, 이를 비트맵 이미지라 한다.

 

요즈음 대표적인 픽셀은 크롬의 이스터 에그로, 공룡이다. 

몰랐지만 엔딩이 있다고 한다

벡터

벡터 이미지는 수학적으로 계산된 경로로 구성된 무한 확대 가능한 디지털 그래픽이다

벡터는 기본적으로 필요에 의해 늘어나거나 구부러질 수 있다

벡터의 점은 좌표계(x,y)로 구성되기 때문에 비트맵의 픽셀과 달리 이미지의 크기 조절이나 변형 때문에 해상도가 깨지지 않는다

또한, 벡터에는 수학이 포함되어 있고, 디자이너는 어도비 일러스트레이터와 같은 프로그램 도구를 사용해 벡터 그래픽을 빠르고 쉽게 제작할 수 있다

 

백엔드에서 컴퓨터가 계산을 처리해 준다고 한다 정말 다행이다 ㅋㅋㅋ