Oczyszczacz SVG Online

Optymalizuj i czyść pliki SVG wyeksportowane z Figmy, Adobe Illustratora lub Inkscape. Usuń metadane, zbędne atrybuty i puste grupy, aby uzyskać SVG gotowy do produkcji.

Studio narzędzi

Chcesz mieć to narzędzie na swojej stronie?

Dostosuj kolory i tryb ciemny dla WordPress, Notion lub własnej witryny.

Działaj

Często zadawane pytania

Czy mogę wkleić pełny kod HTML strony z osadzonym SVG?

Tak. Oczyszczacz wykrywa element SVG wewnątrz HTML i wyodrębnia tylko ten blok do przetworzenia. Działa również wtedy, gdy wkleisz bezpośrednio fragment SVG.

Czy narzędzie obsługuje pliki SVG z Illustratora?

Tak. Illustrator eksportuje SVG z deklaracjami XML, metadanymi i własnymi przestrzeniami nazw, które oczyszczacz usuwa. Wynikiem jest SVG zgodny ze wszystkimi nowoczesnymi przeglądarkami.

Jaka jest różnica między czyszczeniem a minifikacją?

Czyszczenie usuwa zbędne atrybuty i tagi, ale zachowuje format z wcięciami, dzięki czemu możesz czytać i edytować kod. Minifikacja dodatkowo kompresuje wszystko do jednej linii, aby maksymalnie zmniejszyć rozmiar pliku.

Czy usunięcie identyfikatorów może uszkodzić SVG?

Tylko jeśli jakiś element SVG odwołuje się do innego przez identyfikator, na przykład przez fill="url(#gradient)". W takim przypadku wyłącz opcję Usuń identyfikatory. Jest ona domyślnie wyłączona właśnie po to, aby uniknąć tego problemu.

Czy mój kod SVG jest wysyłany na serwer?

Nie. Całe przetwarzanie odbywa się w Twojej przeglądarce przy użyciu natywnych interfejsów API DOMParser i XMLSerializer. Kod nigdy nie opuszcza Twojego urządzenia.

# Oczyszczacz SVG: Czysty kod z Figmy i Illustratora

Wklej dowolny SVG wyeksportowany z Figmy, Adobe Illustratora lub inspektora przeglądarki i uzyskaj czysty, zoptymalizowany plik wektorowy gotowy do produkcji.

# Dlaczego wyeksportowane pliki SVG są takie brudne?

Gdy eksportujesz SVG z Figmy, otrzymujesz plik wypełniony atrybutami, które mają sens tylko wewnątrz aplikacji: data-name, xml:space, odwołania do wewnętrznych warstw i metadane projektu. Efektem jest SVG, który może ważyć o 40–70% więcej niż powinien.

# Co usuwa oczyszczacz

  • Metadane edytora: tagi metadata, title i desc dodawane automatycznie przez Figmę i Illustratora.
  • Przestrzenie nazw Inkscape: wszystkie elementy z prefiksem inkscape: i sodipodi:.
  • Zbędne atrybuty: xml:space, version, nadmiarowe xmlns:* oraz atrybuty data-* z Figmy.
  • Puste grupy: elementy <g> bez zawartości pozostałe jako artefakty usuniętych warstw.
  • Deklaracje XML: deklaracja <?xml version="1.0"?> i DOCTYPE zbędne przy osadzaniu SVG w HTML.

Referencje Bibliograficzne

Więcej narzędzi od Programowanie Webowe

Darmowy Formater i Walidator JSON Online

Darmowe narzędzie online do formatowania, walidacji i naprawy kodu JSON. Upiększ i sformatuj JSON. Wykrywa błędy składni i poprawia czytelność kodu.

Użyj narzędzia

Darmowy konwerter SVG na CSS i Data URI online

Przekształć swoje ikony i wektory SVG w kod CSS (Background lub Mask) lub skompresowany Data URI. Zoptymalizuj wydajność swojej strony internetowej, eliminując zewnętrzne żądania HTTP.

Użyj narzędzia

Kalkulator proporcji obrazu w pikselach. Proporcje online

Obliczaj nowe rozdzielczości obrazu, wideo i projektów stron internetowych, zachowując dokładne proporcje, aby uniknąć zniekształceń grafiki. Obsługuje formaty 16:9, 4:3, 21:9 i niestandardowe.

Użyj narzędzia

Generator Obrazu Zastępczego. Szybkie Mockupy Online

Twórz niestandardowe obrazy zastępcze dla swoich projektów webowych. Dostosuj rozdzielczość, tło, tekst i eksportuj w formatach PNG, WebP lub JPEG natychmiast.

Użyj narzędzia

Koder i dekoder URL online

Konwertuj znaki specjalne z dowolnego łącza na bezpieczny format (Percent-Encoding) lub natychmiast i lokalnie przywracaj je do ich oryginalnego, czytelnego stanu.

Użyj narzędzia

Usuwanie zduplikowanego CSS online. Porządkuj i optymalizuj arkusze stylów

Bezpłatne narzędzie do czyszczenia i usuwania zduplikowanego kodu CSS. Scala nadmiarowe selektory, zachowuje kaskadę i natychmiast zmniejsza rozmiar pliku bezpośrednio w przeglądarce.

Użyj narzędzia

Konwerter CSS na HTML Inline. Inliner do Wiadomości Email

Transformuj swoje arkusze stylów i klasy CSS w automatycznie zagnieżdżone style w HTML. Idealny do biuletynów, transakcyjnych wiadomości email i bezpiecznych layoutów webowych.

Użyj narzędzia

Kalkulator Specyficzności CSS Online. Wizualizator Wagi Selektora

Oblicz specyficzność i dokładną wagę dowolnego selektora CSS. Narzędzie wizualne, które pomoże zrozumieć, która reguła CSS wygrywa kaskadę i uniknąć używania !important.

Użyj narzędzia

Internetowy generator wyrażeń Cron. Tłumacz i wizualizator

Darmowe narzędzie wizualne do generowania wyrażeń Linux Cron. Tłumaczy * * * * * na język ludzki i pokazuje 5 następnych wykonań w czasie rzeczywistym.

Użyj narzędzia

Wizualizator Kodu Klawisza Klawiatury Online. KeyCode Inspector

Darmowe narzędzie online do podglądu event.key, event.code, event.which i położenia dowolnego klawisza klawiatury w czasie rzeczywistym. Generuje gotowe do użycia fragmenty kodu JavaScript.

Użyj narzędzia

Kalkulator Kosztów LLM. Estymator Cen Modeli AI

Bezpłatne narzędzie online do oszacowania kosztów wywoływania interfejsów API LLM. Porównuj GPT-4o, Claude, Gemini, Llama i inne z rzeczywistymi cenami tokenów za milion tokenów.

Użyj narzędzia

Muzyczna Skala Typograficzna. Kalkulator Skali Modularnej

Darmowe narzędzie online do tworzenia harmonijnych hierarchii wizualnych przy użyciu skal modularnych opartych na proporcjach muzycznych. Generuje gotowe zmienne CSS do Twojego projektu webowego.

Użyj narzędzia

Generator Makiet Mobilnych dla App Store. iPhone i Google Pixel

Twórz profesjonalne prezentacje dla App Store i Google Play. Makiety iPhone i Pixel z niestandardowymi tłami, układami panoramicznymi i masowym eksportem w wysokiej rozdzielczości.

Użyj narzędzia

Internetowy Generator Hashy Bezpieczeństwa

Natychmiastowo obliczaj hashe MD5, SHA-1, SHA-256 i SHA-512. Bezpłatne, prywatne i ultra-szybkie narzędzie bezpieczeństwa dla programistów. 100% po stronie klienta.

Użyj narzędzia

Prywatna Biblioteka Promptów AI

Organizuj, taguj i zapisuj swoje prompty ChatGPT, Midjourney i Claude prywatnie. Twój własny bank promptów w localStorage.

Użyj narzędzia

Internetowy konwerter kolorów RGB, HEX i HSL

Natychmiast konwertuj kolory między formatami RGB, HEX i HSL. Generuj komplementarne harmonie kolorów i analizuj kontrast WCAG. W 100% po stronie klienta i prywatnie.

Użyj narzędzia

Kalkulator Czytelności Wizualnej WCAG i APCA

Sprawdzaj rzeczywisty kontrast swoich projektów za pomocą APCA (WCAG 3.0). Analizuj, jak waga i rozmiar czcionki wpływają na faktyczną czytelność. Od prostych stosunków do percepcyjnej czytelności.

Użyj narzędzia

Generator parametrów UTM dla Google Analytics

Twórz precyzyjne linki śledzące dla swoich cyfrowych kampanii marketingowych. Zoptymalizowany dla Google Analytics i innych narzędzi analitycznych.

Użyj narzędzia

Czyścic Śledzenia URL: Usuń UTM, FBCLID i GCLID

Automatycznie usuwaj parametry śledzenia i reklamy z Twoich adresów URL. Udostępniaj czyste linki i natychmiast chroń swoją cyfrową prywatność.

Użyj narzędzia

Online Inspektor Certyfikatów SSL/TLS Wyświetl Pliki PEM i CRT

Analizuj pliki certyfikatów SSL (.pem, .crt, .der) lokalnie. Sprawdzaj daty wygaśnięcia, wystawców, tematy i odciski palców SHA-256 bez opuszczania Twojej przeglądarki.

Użyj narzędzia

Generator Security.txt RFC 9116

Utwórz profesjonalny plik security.txt, aby ułatwić raportowanie luk w zabezpieczeniach i zgodzić się z międzynarodowymi standardami bezpieczeństwa sieci Web.

Użyj narzędzia

Kalkulator czasu danych: Wpływ prędkości strony

Odkryj, ile czasu życia tracą Twoi użytkownicy, czekając na załadowanie Twojej strony w sieciach 3G, 4G i 5G. Oblicz rzeczywisty wpływ wagi Twojej strony.

Użyj narzędzia

Generator kodu konwertera tabel Excel i CSV na HTML

Natychmiast konwertuj dane Excel lub CSV na czyste, semantyczne tabele HTML. Darmowe narzędzie dla programistów i twórców treści.

Użyj narzędzia