design
무료
회원가입 불필요
SVG to CSS 배경 변환기
SVG 마크업을 CSS background-image 데이터 URI로 변환하세요 — URL 인코딩 또는 base64.
도구를 불러오는 중…
이 도구에 대해
SVG 마크업을 붙여 넣으면 URL 인코딩 및 base64 형식 모두에서 CSS background-image 선언을 즉시 얻을 수 있습니다. 도구는 파일 크기를 작게 유지하기 위해 인코딩 전에 SVG를 최소화하고, CSS 배경으로 렌더링된 SVG의 라이브 미리보기를 보여줍니다. 20개의 일반 아이콘 프리셋으로 빠르게 시작할 수 있습니다.
사용 방법
- 1 1단계: 입력 영역에 SVG 코드를 붙여 넣거나 프리셋 아이콘 중 하나를 선택하세요.
- 2 2단계: 도구가 SVG를 최소화하고 URL 인코딩 및 base64 CSS 스니펫을 모두 생성합니다.
- 3 3단계: 샘플 사각형의 배경으로 렌더링된 SVG를 미리 보세요.
- 4 4단계: 원하는 CSS 스니펫의 복사를 클릭하고 스타일시트에 붙여 넣으세요.