벡터와 비트맵 차이점, JPG, GIF, PNG, SVG 특징
1. 이미지 포맷: Vector, Bitmap
- 이미지의 포맷(형식)에 따라 두 가지로 분류됨
| Vector(벡터) | Bitmap(비트맵) | |
| 장점 | 이미지 크기를 확대해도 선명함 | 사실적인 표현이 가능함, 컬러 표현 풍 |
| 단점 | 사실적인 표현이 어려움 | 이미지 크기를 확대하면 흐릿해짐 |
| 저장 방식 | 수학 기반의 좌표 | 픽셀 |
| 압축률 | 매우 좋음, 용량 적음 | 상대적으로 낮음, 용량 큼 |
| 저장 파일 | AI, EPS, SVG | JPG, GIF, PNG / (영상) AVI, MOV |
| 프로그램 | 일러스트레이터, 인디자인 | 포토샵, 애프터이펙트 |
| 용도 | 로고, 패키지, 브로셔 등 | 사진, 그래픽 소스, 영상 등 |
| 기타 | - | 래스터(Raster) 방식이라고 칭하기도 함 |
2. JPG, GIF, PNG, SVG 특징
- JPG
- 디지털 이미지, 사진에 주로 사용
- 배경이 흰색으로 투명한 배경 표현 불가
- 손실 압축 방식
- 용량 작음
- 픽셀 단위(래스터)
- GIF
- 단순 애니메이션, 움짤에 주로 사용
- 최대 256개의 컬러만 표현 가능
- 무손실 압축 방식
- 픽셀 단위(래스터)
- PNG
- 투명도 있는 이미지, 아이콘
- 투명한 배경 표현(누끼컷)
- 무손실 압축 방식
- 압축을 거의 하지 않고 데이터를 남겨 화면을 보호하기 때문에 용량이 큼
- 고화질 표현 가능
- 픽셀 단위(래스터)
- SVG
- 로고, 아이콘, 애니메이션
- 압축률 좋음
- 무손실 압축 방식
- 벡터 방식을 사용해 고화질로 사용 가능
- 투명한 배경 표현 가능
- 벡터 단위