SVG으로 변환

데이터 유형	Image
MIME 유형	image/svg
개발자	W3C (SVG Working Group)
주요 사용 사례	아이콘/로고, 일러스트, 다이어그램, 차트, UI 그래픽, 반응형 웹 그래픽, 인쇄용 벡터 에셋

SVG 파일 형식이란 무엇인가요?

SVG는 XML 기반 벡터 이미지 형식으로, 어떤 크기에서도 선명하며 최신 브라우저에서 스타일링·인터랙션·(선택) 애니메이션을 지원합니다.

SVG 파일 특성

데이터 유형	Image
MIME 유형	image/svg
구조 유형	XML tree (elements/attributes) + optional embedded/linked resources (images, fonts) + optional scripts/styles
컨테이너 형식	SVG 네임스페이스의 XML 문서; HTML에 inline으로 삽입 가능. 선택적 gzip 변형은 SVGZ(.svgz).
메타데이터	XML의 <title>/<desc>/<metadata> 및 RDF/XMP 스타일 메타데이터; Exif는 SVG 표준이 아님
표준 / 사양	W3C Scalable Vector Graphics (SVG) 1.1 / SVG 2
일반적인 파일 크기	Often small for icons/logos (a few KB), but can grow significantly for complex artwork; SVGZ can reduce transfer size
출시 연도	2001

장점

SVG 파일 형식은 일반적인 사용 사례에 적합한 여러 장점을 제공합니다.

크기 무관 선명;
단순 그래픽은 용량 작음;
편집 용이;
CSS/DOM;
인터랙티브;
아이콘/UI에 최적

제한 사항

SVG 파일 형식에는 특정 상황에서 사용에 영향을 줄 수 있는 몇 가지 제한 사항이 있습니다.

SVG는 문서 포맷이라 스크립트/외부 참조/필터/<foreignObject>를 포함할 수 있습니다. 웹용은 단순하게, SVGZ는 올바른 헤더로, 신뢰되지 않는 SVG는 반드시 정화하세요.

호환성

SVG 벡터 파일은 다양한 그래픽 및 디자인 애플리케이션에서 지원됩니다.

지원 플랫폼: All major modern browsers; Windows, macOS, Linux, Android, iOS
지원 장치: Browsers, smartphones, tablets, computers; widely used for UI icons and web graphics
브라우저 지원: 예
모바일 기기 지원: 예
클라우드 지원: 예
하위 호환성: 예

보안 고려 사항

신뢰되지 않는 SVG는 ‘활성 콘텐츠’로 취급: 스크립트/이벤트 핸들러/외부 참조가 직접 제공 시 XSS로 이어질 수 있습니다. 정화 및 엄격한 처리 규칙이 필요합니다.

라이선스

Open W3C standard

Scalable Vector Graphics(SVG)는 XML로 2D 벡터(및 벡터/래스터 혼합) 그래픽을 표현하는 W3C 표준입니다. HTML에 삽입하고, CSS로 스타일링하며, DOM으로 조작하고, JavaScript로 인터랙티브하게 만들 수 있습니다. 보통 텍스트 .svg이며 gzip 압축된 SVGZ(.svgz)도 있습니다. 공식 media type은 image/svg+xml이고, 일부 레거시 환경에서는 비표준 별칭을 쓰기도 합니다.