Optymalizator i minifikator SVG
Prywatne z założenia — działa w całości w Państwa przeglądarce
Minifikuj i czyść pliki SVG w przeglądarce. Toova usuwa metadane, upraszcza ścieżki, zwija zbędne elementy i tworzy mniejszy, szybszy SVG, który renderuje się identycznie do oryginału — bez przesyłania pliku gdziekolwiek.
Co jest usuwane
Pliki SVG z narzędzi projektowych zawierają dużo balastu: metadane edytora, przestrzenie nazw XML, których nic nie odwołuje, komentarze, puste grupy, zbędne transformacje i współrzędne zmiennoprzecinkowe z większą precyzją niż jakikolwiek wyświetlacz może wyrenderować. Toova usuwa to wszystko, zachowując dokładnie wynik wizualny. Wynik jest zwykle 40-70% mniejszy, czasem znacznie więcej dla plików, które wyszły z Illustratora lub Sketch.
Uproszczenie ścieżek
Dane ścieżki są często największą częścią pliku SVG. Toova zaokrągla współrzędne do konfigurowalnej precyzji, usuwa zbędne punkty kontrolne na liniach prostych i konwertuje rozwlekłą składnię na jej krótsze odpowiedniki. Wynik jest wizualnie nie do odróżnienia od oryginału, chyba że powiększysz powyżej progu precyzji. Niższa precyzja oznacza mniejsze pliki, ale nieco mniej gładko przy ekstremalnym powiększeniu.
Tylko lokalnie
Każda optymalizacja odbywa się w przeglądarce. Wklejony SVG — który może być zasobem marki, nieopublikowaną ikoną lub dowolną zastrzeżoną grafiką — nigdy nie opuszcza strony. Zakładka Network pozostanie pusta podczas optymalizacji, a strona działa offline po pierwszym załadowaniu. To czyni Toova bezpieczną do pracy z systemami projektowymi i wewnętrznym przygotowaniem zasobów.
Najczęściej zadawane pytania
- O ile mniejszy będzie SVG?
- Zwykle 40-70% mniejszy dla plików, które wyszły z narzędzi projektowych, czasem znacznie więcej, jeśli oryginał miał ciężkie metadane. Dla ręcznie pisanych SVG, które już są oszczędne, oszczędności są mniejsze — zwykle 10-20%.
- Czy optymalizacja zmieni wygląd SVG?
- Nie wizualnie. Optymalizator dokładnie zachowuje renderowany wynik. Precyzja ścieżek jest konfigurowalna — przy domyślnej precyzji żadna różnica nie jest widoczna przy żadnym poziomie powiększenia, który użytkownik faktycznie zastosuje.
- Czy usuwa viewBox?
- Nie. viewBox jest krytyczny dla skalowania SVG i jest zawsze zachowywany. Optymalizator usuwa zbędne atrybuty width i height, gdy viewBox jest wystarczający.
- Czy mogę zachować konkretne metadane?
- Tak. Domyślnie metadane specyficzne dla edytora są usuwane, ale metadane dostępności (tytuły, opisy, role ARIA) są zachowywane. Przełączaj poszczególne przebiegi optymalizacji, jeśli potrzebujesz subtelniejszej kontroli.
- Czy mój SVG jest wysyłany na serwer?
- Nie. Optymalizacja działa całkowicie w przeglądarce.