[tip] BitMap & Vector

	장점	단점	비고
BitMap	정교하고 다양한 색상 표현	확대/축소시 품질저하. 계단 현상	픽셀에 대한 정보를 저장. jpg gif png
Vector	확대/축소시 자유로움, 용량변화 x	정교한 이미지 표현 힘듦	점,선,면에 대한 좌표,색상 정보 저장. svg

 

- jpg, jpeg (Joint Photographic coding Experts Group) 

1. 손실 압축
2. 표현 색상도 24비트로 뛰어나 고해상도에 적합
3. 이미지의 품질과 용량을 압축하여 필요한 용량으로 작업 가능
4. 가장 널리 쓰임
5. 높은 압축률로 적은 용량만 있어도 가능

- PNG(Portable Network Graphics)

1. gif 대체 포맷으로 개발
2. 비손실 압축
3. 표현 색상이 8비트와 24비트로 나뉘어 있음
4. 투명도(Alpha Channel) 지원

- GIF(Graphics Interchange Format)

1. 여러 이미지파일을 저장 가능 (움짤, 짧은 애니매이션)
2. 비손실 압축
3. 표현 색상이 8비트만 지원-

- SVG(Scalable Vector Graphics)

1. HTML 기반의 벡터 그래픽을 표현
2. 해상도에서 자유로움
3. CSS로 수정 가능
4. JS로 이벤트 핸들링 가능
5. 코드/파일로 사용