SVG 파일을 웹에서 바로 활용하기 위해 변환이 필요한 경우가 있습니다. 확대해도 선명한 벡터를 XML 코드로 표현하며, 삽입 방식에 따라 쓰는 도구가 달라집니다.
| 방식 | 설명 |
|---|---|
| 이미지 파일 | img 태그나 CSS에서 .svg 파일을 불러와 사용 |
| 인라인 SVG | HTML 안에 SVG 코드를 직접 삽입, CSS와 자바스크립트로 제어 |
| CSS 배경 이미지 | background-image에 SVG를 인코딩한 문자열(data URI)로 삽입 |
모음: SVG 도구 모음: 변환, 최적화, 편집, 아이콘