CSS|HTML
[tip] BitMap & Vector
나도시작
2021. 6. 13. 00:23
반응형
장점 | 단점 | 비고 | |
BitMap | 정교하고 다양한 색상 표현 | 확대/축소시 품질저하. 계단 현상 | 픽셀에 대한 정보를 저장. jpg gif png |
Vector | 확대/축소시 자유로움, 용량변화 x | 정교한 이미지 표현 힘듦 | 점,선,면에 대한 좌표,색상 정보 저장. svg |
- jpg, jpeg (Joint Photographic coding Experts Group)
- 손실 압축
- 표현 색상도 24비트로 뛰어나 고해상도에 적합
- 이미지의 품질과 용량을 압축하여 필요한 용량으로 작업 가능
- 가장 널리 쓰임
- 높은 압축률로 적은 용량만 있어도 가능
- PNG(Portable Network Graphics)
- gif 대체 포맷으로 개발
- 비손실 압축
- 표현 색상이 8비트와 24비트로 나뉘어 있음
- 투명도(Alpha Channel) 지원
- GIF(Graphics Interchange Format)
- 여러 이미지파일을 저장 가능 (움짤, 짧은 애니매이션)
- 비손실 압축
- 표현 색상이 8비트만 지원-
- SVG(Scalable Vector Graphics)
- HTML 기반의 벡터 그래픽을 표현
- 해상도에서 자유로움
- CSS로 수정 가능
- JS로 이벤트 핸들링 가능
- 코드/파일로 사용
반응형