SVG 파일이란?

SVG의 의미

SVG는 Scalable Vector Graphics의 약자입니다. 고정된 픽셀이 아니라 경로, 도형, 텍스트, 색상, 좌표로 이미지를 설명합니다.

그래서 같은 파일을 작은 아이콘으로도, 큰 이미지로도 선명하게 표시할 수 있습니다.

SVG 파일의 작동 방식

SVG는 XML 기반 파일이므로 텍스트 편집기, 브라우저, 디자인 도구에서 열 수 있습니다.

코드는 각 도형을 어떻게 그릴지 설명합니다. 이 때문에 SVG는 확대해도 깨지지 않고, CSS 스타일과 JavaScript 애니메이션도 적용할 수 있습니다.

일반적인 사용 사례

SVG는 로고, 아이콘, UI 그래픽, 간단한 일러스트, 차트, 지도, 파비콘에 자주 사용됩니다.

깔끔한 도형과 제한된 색상에 적합하며, 사진이나 복잡한 질감은 JPG, PNG, WebP가 더 알맞습니다.

SVG의 장점

SVG는 고해상도 화면에서도 선명하고, 파일 크기가 작은 경우가 많으며, 내보낸 뒤에도 편집할 수 있습니다.

올바르게 작성하면 접근성과 SEO에도 도움이 될 수 있습니다.

SVG를 변환해야 하는 경우

일부 플랫폼은 PNG, JPG, PDF, ICO 또는 DXF를 요구합니다. 이때 SVG를 변환하면 업로드, 공유, 인쇄가 쉬워집니다.