SVG 파일과 웹 디자인 활용

SVG는 수학적 수식으로 이미지를 정의해 크기를 조정해도 선명도를 유지한다.

XML 기반으로 작성되어 텍스트 편집기로도 편집할 수 있다.

<title>와 <desc> 태그를 사용해 스크린 리더가 읽을 수 있어 웹 접근성을 높인다.

검색 엔진이 SVG 내부 텍스트를 인덱싱해 SEO에 유리하다.

일반적으로 PNG나 JPEG보다 파일 크기가 작아 로딩 속도를 개선한다.

CSS와 자바스크립트로 스타일링과 애니메이션을 적용해 인터랙티브한 그래픽을 만들 수 있다.

주요 모던 브라우저가 SVG를 기본 지원해 호환성 문제가 적다.