Optymalizacja SVG

Upuść ikony, logotypy lub ilustracje SVG i otrzymaj mniejsze pliki, które wyglądają tak samo – z podglądem przed/po i suwakiem precyzji.

O tym narzędziu

Mniejsze SVG, ten sam obraz

Programy graficzne zapisują wiele rzeczy, których żadna przeglądarka nie potrzebuje. Ten optymalizator, oparty na SVGO, usuwa je na Twoim urządzeniu.

Usuwa to, co zostawiają edytory

Metadane, komentarze, ukryte warstwy oraz dane Inkscape, Illustratora i Sketcha znikają. Liczby są zaokrąglane, grupy scalane, a ścieżki zapisywane w najkrótszej formie – często o 30–70 % mniej.

Precyzja pod kontrolą

Wybierz od 0 do 5 miejsc po przecinku i od razu porównaj wynik z oryginałem. Zachowaj ID dla CSS i animacji, tytuł dla dostępności albo usuń szerokość i wysokość dla responsywnego SVG.

Bezpieczny do osadzenia

Skrypty, obsługa zdarzeń, osadzony HTML i zewnętrzne odnośniki są usuwane, więc zoptymalizowany SVG można bezpiecznie wstawić w stronę.

Jak to działa

  1. Upuść jeden lub więcej plików SVG (lub SVGZ). Każdy jest od razu optymalizowany.
  2. Przesuń suwak „Miejsca po przecinku” i porównaj przed i po w podglądzie.
  3. Wybierz opcje: „Zachowaj ID”, „Zachowaj tytuł i opis”, „Usuń szerokość i wysokość” lub „Formatowanie kodu”.
  4. Pobierz SVG, wszystkie pliki jako ZIP albo kliknij „Kopiuj kod”.

Często zadawane pytania

Czy moje zdjęcia są wysyłane na serwer?

Nie. Każdy obraz jest odczytywany, przetwarzany i zapisywany w karcie przeglądarki za pomocą Canvas, Web Workers i WebAssembly. Nic nie jest wysyłane, przechowywane ani rejestrowane.

Czy zoptymalizowany SVG będzie wyglądał inaczej?

Nie przy domyślnych 2 miejscach po przecinku dla ikon i logotypów. Bardzo szczegółowe rysunki lub SVG z bardzo małym viewBox mogą wymagać 3 lub więcej; podgląd przed/po pokazuje każdą zmianę przed pobraniem.

Jakiego optymalizatora używa narzędzie?

SVGO (licencja MIT), optymalizatora używanego przez większość narzędzi do budowania, z domyślnym presetem, uruchamianego w przeglądarce. Toolula dodaje filtr usuwający skrypty i zewnętrzne odwołania.

Po co zachowywać ID?

Jeśli CSS, JavaScript, sprite lub animacja odwołuje się do elementów przez id, zostaw ID. W przeciwnym razie nieużywane id są usuwane, a pozostałe skracane.

Czy to jest darmowe i czy dodaje znak wodny?

Tak, możesz korzystać za darmo bez zakładania konta, a Toolula nigdy nie dodaje znaku wodnego. Darmowy plan ma limity uczciwego użytkowania; opcjonalny plan Toolula Pro je podnosi.