SVG 정보
SVG(확장 가능한 벡터 그래픽)는 아이콘, 로고, 차트와 프런트엔드 UI 요소에 적합합니다.
SVG의 장점
- 확대해도 품질이 떨어지지 않는 확장성
- 파일 크기가 작아 일반적으로 래스터 이미지보다 가볍습니다
- 편집 가능: 소스 코드를 직접 수정할 수 있습니다
- SEO 친화적이며 텍스트를 색인할 수 있습니다
- 인터랙티브: CSS/JavaScript 애니메이션 지원
사용 Cases
아이콘 및 로고 디자인
데이터 시각화 차트
일러스트와 장식 그래픽
반응형 웹 인터페이스 요소
이 도구 사용 방법
- 왼쪽에 SVG 코드를 붙여넣거나 입력합니다
- SVG 파일을 끌어다 놓거나 클릭하여 업로드할 수도 있습니다
- 오른쪽에서 실시간 미리보기를 확인하고 배경을 조정합니다
- 이상이 없으면 코드를 복사하거나 파일을 다운로드합니다