Minifikator SVG

Zmniejszaj pliki SVG, usuwaj metadane edytora i niebezpieczny kod oraz sprawdzaj wynik w podglądzie — bezpośrednio w przeglądarce.

O narzędziu Minifikator SVG

Co to jest

To narzędzie czyści i kompresuje kod SVG wyeksportowany z Figmy, Illustratora lub innych edytorów. Usuwa metadane edytora, zaokrągla współrzędne do wybranej dokładności i domyślnie usuwa skrypty oraz obsługę zdarzeń. Podgląd na żywo i rozmiar przed i po pokazują, że ikona wygląda tak samo.

Główne funkcje

  • Usuwanie metadanych Figmy, Illustratora i innych edytorów.
  • Dokładność współrzędnych do wyboru.
  • Usuwanie skryptów, atrybutów on* i linków javascript:, domyślnie włączone.
  • Opcjonalnie: usunięcie width/height dla responsywnego SVG i zamiana kolorów na currentColor.
  • Podgląd z rozmiarem przed i po; kilka plików naraz.

Jak używać

  1. Wklej kod SVG, upuść jeden lub kilka plików na edytor lub kliknij „Przykład”.
  2. Wybierz dokładność współrzędnych i potrzebne opcje.
  3. Sprawdź podgląd i rozmiar przed i po.
  4. Skopiuj wynik, pobierz go lub wyślij do innego narzędzia.

Kiedy się przydaje

  • Zmniejszyć ikony, zanim trafią na stronę lub do aplikacji.
  • Oczyścić SVG od projektanta, zanim trafi do kodu.
  • Sprawić, by ikona przyjmowała kolor otaczającego tekstu.

Prywatność i ograniczenia

Twoje dane

Twój SVG jest przetwarzany w przeglądarce i nie trafia na serwer — witryna otrzymuje tylko anonimowe zdarzenie „otwarto narzędzie”, bez treści. Wynik wysłany do innego narzędzia zostaje na tym urządzeniu przez 24 godziny w „Ostatniej aktywności”.

Ograniczenia

  • Na wejściu musi być poprawny XML z elementem głównym <svg>; inaczej wyniku nie będzie.
  • Jeśli zminifikowany wynik nie wyświetla się poprawnie, jest wstrzymywany zamiast pokazany — spróbuj większej dokładności.

Najczęstsze pytania

Czy wklejenie SVG z nieznanego źródła jest bezpieczne?

SVG może zawierać skrypty. Narzędzie domyślnie usuwa <script>, atrybuty on* i linki javascript:, a podgląd wyświetla się bez ich uruchamiania.

Co robi currentColor?

Zamienia każdy kolor fill i stroke na currentColor, więc ikona przyjmuje kolor tekstu w miejscu, gdzie jej użyjesz — wygodne dla ikon, które mają podążać za motywem.

Po co usuwać width i height?

Bez stałych width i height, ale z zachowanym viewBox, SVG skaluje się do rozmiaru kontenera — zwykle właśnie tego potrzeba w responsywnym układzie.