SVG 최적화란 무엇인가요?
SVG(Scalable Vector Graphics)는 웹에서 널리 쓰이는 벡터 그래픽 포맷입니다. 디자인 툴(Figma, Illustrator 등)에서 추출한 SVG 코드를 그대로 사용하면, 브라우저가 읽을 필요가 없는 주석, 메타데이터, 빈 태그들이 많이 포함되어 있어 페이지 로딩 속도를 저하시킵니다. 이 도구는 핵심 드로잉 정보(path)만 남기고 나머지 불필요한 요소를 안전하게 제거합니다.
어떻게 사용하나요?
텍스트 박스에 `<svg> ... </svg>` 형태의 원본 코드를 붙여넣기만 하면, 즉시 최적화된 결과물과 절감된 용량(%)을 확인할 수 있습니다. 우측 상단의 '복사' 버튼을 눌러 프로젝트에 바로 적용하세요.
최적화 후 체크리스트
최적화를 거치면 간혹 그라데이션(Gradient)이나 특정 스타일 속성이 의도치 않게 삭제될 수 있습니다. 복사하여 렌더링을 확인한 후, 깨지는 부분이 없다면 안전하게 실무에 적용하실 수 있습니다.