ToolHub
Otwórz narzędzie

SVG na Data URI

Konwersja SVG na Data URI do użycia jako tło CSS, z opcjami kodowania URL i Base64

Konwersja formatów
Uruchom narzędzie Wszystkie narzędzia

O tym narzędziu

SVG na Data URI to narzędzie online, które przekształca kod SVG na ciąg Data URI do osadzania w CSS i HTML. Obsługuje kodowanie URL i wyjście Base64, opcjonalną optymalizację SVG oraz generuje gotowy do użycia kod CSS — całe przetwarzanie odbywa się lokalnie w przeglądarce.

Główne funkcje

Szybki podgląd

Przypadki użycia

svg data-uri base64 embed inline

Często zadawane pytania

Czym jest konwerter SVG na Data URI?

Konwerter SVG na Data URI to narzędzie online do konwersji formatu, które przekształca kod SVG na ciąg Data URI do osadzania w CSS i HTML. Obsługuje kodowanie URL i kodowanie Base64 oraz oferuje optymalizację SVG i generowanie gotowego do użycia kodu CSS.

Jaka jest różnica między kodowaniem URL a Base64?

Data URI kodowane URL używa kodowania procentowego do reprezentacji znaków specjalnych, dając większe, ale bardziej czytelne wyjście. Kodowanie Base64 generuje zwartą reprezentację binarną na tekst, mniejszą dla złożonych SVG, ale nieczytelną.

Czy narzędzie optymalizuje SVG przed konwersją?

Tak, po włączeniu opcji optymalizacji SVG narzędzie usuwa niepotrzebne białe znaki, komentarze i puste atrybuty z SVG przed wygenerowaniem Data URI, zmniejszając rozmiar wyjściowy.

Czy moje dane SVG są wysyłane na serwer?

Nie. Cała konwersja SVG na Data URI odbywa się całkowicie w Twojej przeglądarce. Twój kod SVG nie jest przesyłany ani transferowany na żaden serwer, co zapewnia pełną prywatność i bezpieczeństwo Twojej pracy.

Czy mogę bezpośrednio użyć wynikowego wyjścia w CSS?

Tak. Narzędzie generuje gotowy do użycia fragment kodu CSS background-image. Po prostu skopiuj wynik CSS i wklej go do arkusza stylów, a Data URI będzie działać jako prawidłowy URL obrazu tła.

Powiązane narzędzia

Kodek Base64Kodek URLKonwerter znaczników czasuPrzelicznik jednostek