Koder SVG do Base64

Konwertuj grafiki wektorowe SVG do formatu kodowania Base64, obsługuje przetwarzanie wsadowe i można ich używać bezpośrednio w HTML oraz CSS

Zgłoszenie błędu

Tryb wykonywania w przeglądarce: Twoje dane są przetwarzane w przeglądarce i nie są przesyłane na serwer.

Szybkość i stabilność: Szybkość przetwarzania zależy od urządzenia i przeglądarki. Przy dużych zadaniach wsadowych wersja desktopowa może być stabilniejsza.

Ładowanie narzędzia, czekaj...

Jeśli narzędzie online nie ładuje się lub nie działa, wypróbuj narzędzie desktopowe. https://tools.yikeaigc.com/

Użycie narzędzia

Wróć do starej wersji

Najpierw ustaw parametry, potem importuj SVG, a w kroku 3 konwertuj i pobierz. Przy wielu plikach podgląd pokaże tylko 20 pierwszych, ale przetwarzana będzie cała kolejka.

1Parametry wyjścia

Najpierw potwierdź typ kodu wyjściowego i nazwy plików, potem importuj.

Format wyjściowy

Zawijanie długiego tekstu

Nazwa pliku ZIP

Tekst alt tagu img

Selektor CSS

Rozmiar podglądu

Dodaj xmlns, jeśli brak
Poprawia zgodność ładowania SVG jako obrazu. Usuń deklarację XML
Zmniejsza rozmiar wyjścia i omija problemy z parserami szablonów. Podstawowa kompresja tekstu SVG
Usuwa komentarze i odstępy między tagami bez zmiany grafiki. Pokaż podgląd wyniku
Po konwersji podgląd jako obraz, bez wykonywania treści SVG.

Zalecamy najpierw ustawić format wyjściowy, a potem przetworzyć pliki.

2Import treści

Możesz wybrać plik SVG lub wkleić pojedynczy kod SVG. Pliki nie są wysyłane na serwer.

Kliknij, aby wybrać plik SVG, lub przeciągnij go tutaj Obsługa pojedynczych i wielu plików .svg; w widoku widać tylko pierwsze 20 do sprawdzenia.

Kod SVG

3Podgląd importu

Najpierw zaimportuj zawartość SVG.

4Konwersja i pobieranie

Po przetworzeniu możesz skopiować wynik, pobrać pojedynczy plik lub spakować wyniki zbiorcze do ZIP.

Oczekuje0

Sukces0

Błąd0

Rozmiar wyników0 KB

Upewnij się, że dwa poprzednie kroki są gotowe, a potem kliknij rozpoczęcie konwersji.

5Podgląd wyników i akcje pojedyncze

Po zakończeniu konwersji wyniki pojawią się tutaj.

Instrukcje

Instrukcja użycia oprogramowania

Ustaw parametry konwersji: Najpierw wybierz format wyjściowy; można wygenerować Data URI, czysty ciąg Base64, tag HTML img, właściwość CSS background lub kod ikony CSS mask.
Skonfiguruj opcje przetwarzania:
- Zawijanie długiego tekstu: Możesz wybrać brak zawijania albo zawijanie po 76, 120 lub 160 znakach.
- Automatyczne uzupełnianie xmlns: Gdy w głównym węźle SVG brakuje atrybutu xmlns, zostanie on automatycznie dodany, co ułatwia wyświetlanie jako zasób obrazu.
- Usuń deklarację XML: Usuwa deklarację XML z początku SVG, zmniejszając ryzyko błędów parsowania szablonów.
- Podstawowa kompresja: Usuwa komentarze i spacje między tagami, skracając wynik.
Zaimportuj zawartość SVG: Możesz wybrać jeden lub więcej plików SVG albo przełączyć się na tryb wklejania kodu źródłowego i bezpośrednio wpisać kod SVG. Przy przetwarzaniu wsadowym wyświetlanych jest tylko pierwszych 20 plików do sprawdzenia, a pozostałe zostaną przetworzone razem.
Użyj danych przykładowych: Kliknij „Załaduj przykładowy SVG” lub „Wstaw przykładowy kod źródłowy”, aby szybko zobaczyć efekt konwersji.
Rozpocznij konwersję: Po przejściu do kroku „Konwersja i pobieranie” kliknij „Rozpocznij konwersję”, a narzędzie wygeneruje odpowiedni kod Base64 lub kod osadzania.
Kopiuj i pobieraj: Po zakończeniu konwersji możesz skopiować pojedynczy wynik, pobrać pojedynczy plik tekstowy, skopiować wszystkie wyniki, pobrać zbiorczy TXT, a wyniki wsadowe pobrać jako pakiet ZIP.
Zapisz ustawienia: Często używany format wyjściowy, nazwa pliku ZIP, tekst alt, selektor CSS i opcje przetwarzania mogą zostać zapisane i użyte ponownie przy następnym otwarciu.

Najczęstsze pytania

Odpowiedź: Pozwala przekształcić ikony SVG lub grafiki wektorowe w formę tekstową i osadzać je w HTML, CSS, plikach konfiguracyjnych lub stronach jednoplikowych, ograniczając odwołania do oddzielnych zasobów.

Odpowiedź: Data URI zawiera prefiks data:image/svg+xml;base64, i może być użyty bezpośrednio jako adres obrazu; czysty Base64 zawiera tylko właściwą zakodowaną treść i nadaje się do sytuacji, w których program samodzielnie dokleja prefiks.

Odpowiedź: Można go użyć w tagu img HTML, właściwości CSS background-image, ikonach CSS mask, konfiguracji stylów, przykładach komponentów lub fragmentach kodu w dokumentacji.

Odp.: Gdy w niektórych SVG brakuje xmlns, podczas wczytywania jako obrazu Data URI mogą wyświetlać się nieprawidłowo. Dodanie xmlns="http://www.w3.org/2000/svg" pomaga zwiększyć kompatybilność.

Odp.: Nie. Base64 zmienia tylko sposób reprezentacji danych, nie zmienia wektorowej zawartości SVG, więc podczas skalowania zachowuje ona właściwości wektorowe.

Odp.: Plik wynikowy zachowa główną nazwę oryginalnego pliku SVG i, w zależności od formatu wyjściowego, zostanie wygenerowany jako plik txt, css lub html; w przypadku powtarzających się nazw automatycznie zostanie dodana liczba odróżniająca.

Odp.: Typowe przyczyny to niekompletny kod SVG, odwołania do zasobów zewnętrznych, niestandardowe znaczniki lub zależności stylów. Zaleca się najpierw ponownie wyeksportować poprawny SVG w programie do projektowania, a następnie przeprowadzić konwersję.