가변 벡터 도형 (SVG)

'Scalable Vector Graphics' (SVG)는 XML 문법에 기반을 둔 2D 벡터 이미지 형식입니다.

W3C는 1990년 후반부터 SVG를 사용하기 시작했지만, SVG를 지원하는 인터넷 익스플로러 9가 출시된 후에야 널리 사용되기 시작했습니다. 현재 주요 웹브라우저(브라우저)들은 SVG를 지원합니다.

XML 문법을 기반으로 한 SVG는 CSS를 통해 스타일 처리가 가능하고, JavaScript를 사용해 상호작용이 가능합니다. 현재 HTML5는 SVG 태그가 HTML 문서에서 직접 사용 되도록 지원합니다.

벡터 이미지 형식으로써, SVG 그래픽은 무한정적인 크기를 가질 수 있고, 이러한 점 때문에 어떠한 화면 크기에도 적용 가능한 인터페이스 요소와 그래픽을 만들 수 있어 반응형 디자인에서 아주 유용합니다. 또한 SVG는 클리핑, 마스킹, 필터, 애니매이션 등 여러가지 유용한 도구들을 제공합니다.