비트맵 기반의 그래픽

• 이미지를 2차원 배열 형태의 픽셀로 나열하여 하나의 화상 정보를 표현한다.
• 래스터(Raster = 컴퓨터에서 화상 정보를 표현하는 방법)라고도 불린다.
• 대표적인 파일 확장자로 .jpeg, .gif, .png가 있다.
• 복잡한 이미지를 효율적으로 보여줄 수 있다.
• 단, 이미지를 편집하는 과정에서 손실이 많이 발생한다.
• 이미지 확대 시, 계단 현상이 발생한다.

벡터 기반의 그래픽

• 각 요소의 좌표를 조합하여 그림을 그리는 방식이다.
• 대표적인 파일 확장자로는 .svg가 있다.
• 작은 데이터로 다양한 표현이 가능하다.
• 해상도가 바뀌거나 도형을 확대해도 선명한 품질을 기대할 수 있다.
• 픽셀이 아닌 점과 선을 기반으로 한 그림이기에 상세한 디테일에 대한 표현은 힘들다.
• 인터랙티브(Interactive)하다.
  • 하나의 오브젝트는 선, 동그라미, 네모 등의 그룹으로 이루어져 있다.
  • 이 그룹에 애니메이션을 적용하거나 상호작용을 추가할 수 있다.
• SVG(Scalable Vector Graphics)
  • 마크업 언어로 벡터 기반의 그래픽을 표현한다.
  • 사실상 XML 문법을 따른다.