Web Frontend/Basic

4. 이미지에 대한 이해

개발자킹콩 2021. 6. 3. 22:32

웹에서 사용하는 이미지: 이미지는 비트맵과 벡터로 구분된다.

 

비트맵이미지

각 픽셀(화면에 나타나는 하나의 점)이 모여 만들어진 정보의 집합으로 레스터 이미지라고도 부른다. 픽셀단위로 화면에 렌더링(컴퓨터가 화면에 그림을 그려서 우리가 볼 수 있게 한다.)한다.

Jpg, png, gif, web 등은 비트맵 이미지에 해당하며 대부분 비트맵 이미지이다.

 

 

벡터이미지

수학적 정보의 형태들이 만들어내는 결과물

이미지가 가지고 있는 점, 선, 면의 위치(좌표), 색상 등의 정보를 온전히 갖고있다.

그래서 확대, 축소를 하더라도 깨지지 않는다 —> 해상도로부터 자유롭다.

수학적 정보(면과 선)만을 갖고 있어서 확대/축소를 하더라도 용량 변화가 없다.

SVG 는 벡터 이미지이다.