[Front-End] 웹에서 사용하는 이미지

웹에서 사용하는 이미지는 크게 2가지로 나뉘어 진다.

 

1. 비트맵 : 픽셀이 모여 만들어진 정보의 집합, 레스터(Raster) 이미지라고도 부름 (.jpeg, .gif, .png)

    - 정교하고 다양한 색상을 자연스럽게 표현

    - 확대/축소 시 계단 현상, 품질 저하

 

2. 벡터 : 점, 선, 면의 위치(좌표), 색상 등 수학적 정보의 형태(Shape)로 이루어진 이미지 (.svg)

    - 정교한 이미지(인물, 풍경 사진 같은)를 표현하기 어려움

    - 확대/축소에서 자유로움, 용량 변화가 없음