그래픽

1.비트맵(래스터)

픽셀기반
사진과 같이 색상의 조합이 다양한 이미지에 적합
확대에 적합하지않음, 보다 큰 사이즈의 이미지가 필요할때 사용하려는
크기 이상으로 생성하거나 스캔해야함
큰크기의 이미지는 큰 파일사이즈를가짐

이미지 복잡도에 따라 벡터로 변환하는 것에 오랜
시간이 걸림
jpg,gif,png,bmp,psd

jpg,gif,png등이 널리쓰임

 

2.벡터

수학적으로 계산된 Shape 기반
로고, 일러스트와 같이 제품에 적용되는 이미지에 적합
품질 저하없이 모든 크기로 확대 가능하며,해상도의 영향을 받지 않음
큰 크기의 벡터 그래픽을 작은 파일사이즈를 유지할 수 있음
쉽게 래스터 이미지로 변환가능

svg, ai
svg 포맷을 현대의 브라우저에서 대부분 지원.

이미지가 복잡할수록 더많은 계산이필요함
복잡해지면 오히려 벡터가 레스터보다 용량이 커짐

이미지를 벡터와 레스터를 혼합해서 쓰는경우가있음

대부분의 지도데이터(카카오 맵) 는 벡터지도처럼만듬(퍼포먼스는 좋으나 화질이 깨질수있음)

구글지도는 아예 벡터지도임(3d 건물뷰 보여줄때사용됌)