Base64
Image Data URL
⚠️ Large image may freez the browser
SVG를 Base64 문자열로 변환합니다
이 도구를 사용하여 SVG 이미지를 Base64 또는 DataURL 문자열로 변환합니다. SVG 파일을 업로드하고 원하는 출력 형식을 선택합니다. 복사 버튼을 사용하여 코드를 가져옵니다. 이 방법은 SVG를 HTML 또는 CSS에 직접 포함할 수 있습니다.
Image → Base64 / Data URL
Click or Drag & Drop an Image
SVG를 Base64 문자열로 변환합니다
1
SVG 파일 업로드
SVG 파일을 업로드하려면 업로드 영역으로 클릭하거나 끌어다 놓으세요.
2
출력 형식 선택
'Base64' 또는 'DataURL' 탭을 선택하여 원하는 출력 형식을 선택하십시오.
3
Base64 문자열 표시
기본64 또는 데이터URL 문자열을 포함한 SVG 문자열은 아래 탭 아래 텍스트 영역에 표시됩니다.
4
생성된 코드 복사
'복사' 버튼을 클릭하여 생성된 코드를 클립보드에 복사하십시오.
코드에 직접 SVG 삽입하기
HTML 또는 CSS에 SVG 이미지를 직접 포함하여 외부 파일 없이 사용하세요. 이 도구는 SVG를 Base64 또는 DataURL 문자열로 변환하여 워크플로우를 간소화하고 HTTP 요청 수를 최소화합니다. 웹 프로젝트에 벡터 그래픽을 효율적으로 통합하는 데 사용하세요.
벡터 그래픽 빠르게 삽입
웹 프로젝트에 벡터 그래픽을 통합하고 싶으신가요? 이 도구는 SVG 파일을 Base64 또는 DataURL 문자열로 변환하여 HTML 또는 CSS에 직접 포함할 수 있도록 합니다. 외부 파일 종속성을 최소화하고 로드 시간을 줄여 워크플로우를 간소화하세요.
자주 묻는 질문
Base64 문자열 또는 DataURL 문자열이 무엇이며 왜 필요할까요?
Base64 또는 DataURL 문자열은 이미지를 텍스트로 나타냅니다. 이를 통해 이미지를 HTML 또는 CSS에 직접 삽입할 수 있으며, 별도의 이미지 파일을 사용할 필요가 없습니다.
이 SVG를 Base64/DataURL 변환기로 어떻게 사용해야 하나요?
SVG 파일을 업로드하고 'Base64' 또는 'DataURL'을 원하는 출력 형식으로 선택한 다음 '복사' 버튼을 클릭하여 생성된 코드를 가져옵니다.
데이터 URL을 SVG에 사용하는 것의 장점은 무엇인가요?
SVG를 데이터 URL로 임베딩하면 HTTP 요청 수를 줄이고 프로젝트 구조를 단순화하며 로딩 시간을 개선할 수 있습니다.
이 도구를 사용하는 데 제한 사항이 있나요?
큰 SVG 파일은 변환 중에 컴퓨터를 느리게 만들 수 있으므로 더 작은 이미지를 사용하는 것이 좋습니다.
이 도구를 다른 이미지 형식에도 사용할 수 있나요?
이 도구는 특히 SVG 이미지용으로 설계되었습니다. JPG나 PNG와 같은 다른 이미지 형식은 지원하지 않습니다.