브라우저 실행 모드: 데이터는 브라우저에서 처리되며 서버에 업로드되지 않습니다.
속도와 안정성: 처리 속도는 기기와 브라우저에 따라 달라집니다. 대량 배치 작업에는 데스크톱 버전이 더 안정적일 수 있습니다.
도구를 불러오는 중입니다. 잠시 기다려 주세요...
도구를 불러오는 중입니다. 잠시 기다려 주세요...
온라인 도구가 로드되거나 실행되지 않으면 데스크톱 도구를 사용해 보세요. https://tools.yikeaigc.com/
도구 사용량
이전 버전으로 돌아가기먼저 매개변수를 설정한 뒤 SVG를 가져오고, 3단계에서 변환 및 다운로드하세요. 일괄 파일은 미리보기 20개만 표시되며, 처리 시 전체 대기열에 적용됩니다.
1출력 설정
먼저 출력 코드 형식과 파일 이름을 확인한 뒤 가져오기 단계로 이동하세요.
파일 처리 전 출력 형식을 먼저 설정하세요.
2내용 가져오기
SVG 파일을 선택하거나 단일 SVG 소스를 붙여넣을 수 있습니다. 파일은 서버에 업로드되지 않습니다.
3미리보기 가져오기
먼저 SVG 콘텐츠를 가져오세요.
4변환 및 다운로드
처리 후 결과를 복사하거나 개별 파일을 다운로드하고, 일괄 결과를 ZIP으로 압축할 수 있습니다.
대기 중0
성공0
실패0
결과 크기0 KB
앞의 두 단계가 완료되었는지 확인한 뒤 변환 시작을 클릭하세요.
5결과 미리보기 및 개별 작업
변환이 완료되면 여기에 결과가 표시됩니다.
안내
소프트웨어 사용 설명
- 변환 매개변수 설정: 먼저 출력 형식을 선택하면 Data URI, 순수 Base64 문자열, HTML img 태그, CSS background 속성 또는 CSS mask 아이콘 코드를 생성할 수 있습니다.
- 처리 옵션 구성:
- 긴 텍스트 줄바꿈: 줄바꿈 없음 또는 76, 120, 160자마다 줄바꿈을 선택할 수 있습니다.
- xmlns 자동 보완: SVG 루트 노드에 xmlns 속성이 없을 때 자동으로 추가하여 이미지 리소스로 표시하기 쉽게 합니다.
- XML 선언 제거: SVG 시작 부분의 XML 선언을 정리하여 템플릿 파싱 예외를 줄입니다.
- 기본 압축: 주석과 태그 사이의 공백을 제거하여 출력 내용을 줄입니다.
- SVG 콘텐츠 가져오기: 하나 이상의 SVG 파일을 선택하거나, 소스 코드 붙여넣기 모드로 전환해 SVG 코드를 직접 입력할 수 있습니다. 일괄 파일은 확인용으로 처음 20개만 표시되며, 나머지 파일도 함께 처리됩니다.
- 예시 데이터 사용: “예시 SVG 불러오기” 또는 “예시 소스 코드 입력”을 클릭하면 변환 효과를 빠르게 확인할 수 있습니다.
- 변환 시작: “변환 다운로드” 단계로 이동한 후 “변환 시작”을 클릭하면 도구가 해당 Base64 또는 임베드 코드를 생성합니다.
- 복사 및 다운로드: 변환 완료 후 개별 결과 복사, 개별 텍스트 파일 다운로드, 전체 결과 복사, 통합 TXT 다운로드를 할 수 있으며, 일괄 결과는 ZIP으로 압축해 다운로드할 수 있습니다.
- 설정 저장: 자주 사용하는 출력 형식, ZIP 파일명, alt 텍스트, CSS 선택자 및 처리 옵션을 저장하여 다음에 열 때 계속 사용할 수 있습니다.
자주 묻는 질문
답변: SVG 아이콘이나 벡터 이미지를 텍스트 형식으로 변환해 HTML, CSS, 설정 파일 또는 단일 파일 페이지에 삽입할 수 있어 별도 리소스 참조를 줄일 수 있습니다.
답변: Data URI에는
data:image/svg+xml;base64, 접두사가 포함되어 이미지 주소로 바로 사용할 수 있습니다. 순수 Base64는 인코딩 본문만 포함하므로 프로그램에서 접두사를 직접 조합하는 경우에 적합합니다.답변: HTML의 img 태그, CSS의 background-image 속성, CSS mask 아이콘, 스타일 설정, 컴포넌트 예시 또는 문서 코드 조각에 사용할 수 있습니다.
답: 일부 SVG에 xmlns가 없으면 Data URI 이미지로 로드할 때 표시가 비정상적일 수 있습니다.
xmlns="http://www.w3.org/2000/svg"를 추가하면 호환성을 높이는 데 도움이 됩니다.답: 아니요. Base64는 데이터 표현 방식만 변경하며 SVG 벡터 콘텐츠는 변경하지 않으므로, 확대/축소 시에도 벡터 특성이 그대로 유지됩니다.
답: 결과 파일은 원본 SVG의 기본 파일명을 그대로 사용하며, 출력 형식에 따라 txt, css 또는 html 파일을 생성합니다. 이름이 중복되면 숫자를 자동으로 추가해 구분합니다.
답: 일반적인 원인으로는 불완전한 SVG 코드, 외부 리소스 참조, 비표준 태그 또는 스타일 의존성이 있습니다. 먼저 디자인 소프트웨어에서 표준 SVG로 다시 내보낸 후 변환하는 것을 권장합니다.