Minifikator SVG
Minifikuj SVG: usuń komentarze, metadane i białe znaki
Wyczyść znaczniki SVG przed wejściem do repozytorium lub kompilacji produkcyjnej. Usuń komentarze, deklaracje XML, dane edytora, puste grupy i nieużywane definicje za pomocą 15 indywidualnie przełączanych przebiegów i porównania wizualnego.
Edytowanie ustawień domyślnych dla nowych plików
Podgląd
Brak podglądu. Dodaj i wybierz pliki, aby zobaczyć wyniki.
Nie ma jeszcze plików. Upuść pliki powyżej lub kliknij WYBIERZ PLIKI.
Co usuwa minifikacja SVG
Minifikacja SVG to praca na znacznikach, a nie obróbka obrazu: nic nie jest rysowane od nowa, elementy są tylko usuwane albo skracane. Typowy eksport z edytora niesie deklarację XML, doctype, komentarz generatora, przestrzenie nazw Inkscape'a lub Figmy, atrybuty id, do których nic się nie odwołuje, puste grupy opakowujące, wpisy w defs, z których nie korzysta żaden element, oraz współrzędne zapisane z sześcioma miejscami po przecinku. Przeglądarki ignorują to wszystko. Usunięcie tego zmniejsza plik i, co równie przydatne, sprawia, że diff staje się czytelny, gdy pliki SVG trafiają do repozytorium i są przeglądane jak każdy inny plik źródłowy.
Jak zminifikować plik SVG
- 1
Przeciągnij pliki SVG albo kliknij WYBIERZ PLIKI, aby dodać je do kolejki. Do 40 naraz.
- 2
Wybierz Bezpieczny, Zrównoważony lub Maksymalny, wyłącz każdy pojedynczy przebieg, którego nie chcesz, a oszczędność dla każdego pliku odświeży się na bieżąco.
- 3
Kliknij ZAPISZ WSZYSTKO, aby pobrać wynik, albo jeden plik ZIP, gdy w kolejce jest więcej niż jeden plik.
Prywatność: Twoje pliki nie opuszczają przeglądarki
Konwersja przebiega lokalnie w przeglądarce przy użyciu JavaScript i WebAssembly. Nie ma przesyłania plików ani konwersji po stronie serwera, więc dodane pliki pozostają na Twoim urządzeniu.
Przetwarzanie lokalne pomaga chronić poufne logo, dokumenty wewnętrzne i niepublikowane grafiki klientów. Strony i kod konwersji są zapisywane w pamięci podręcznej w miarę ich używania, więc narzędzia, które już otworzyłeś, mogą nadal działać bez połączenia sieciowego.
Najczęściej zadawane pytania
Czy minifikacja to to samo co kompresja?
W praktyce tak: te same przebiegi robią obie rzeczy, a ta strona i Kompresor SVG korzystają z tego samego silnika. Różni je punkt ciężkości. Minifikacja dotyczy znaczników, które zostawił po sobie człowiek albo edytor: komentarzy, metadanych, przestrzeni nazw i białych znaków. Kompresja dotyczy bajtów w transmisji, gdzie zaokrąglanie współrzędnych i usuwanie atrybutów znaczy więcej niż uporządkowane źródło.
Czy minifikacja zepsuje mój CSS albo JavaScript?
Może, jeśli arkusz stylów albo skrypt sięga do wnętrza SVG. Żaden przebieg nie zmienia nazw identyfikatorów, ale Maksymalny usuwa elementy i atrybuty, do których nic wewnątrz dokumentu się nie odwołuje, a to właśnie w nie może celować reguła z zewnątrz. Jeśli SVG jest animowany albo sterowany skryptem z zewnątrz, użyj ustawienia Bezpieczny albo wyłącz przebiegi Usuń niewidoczne elementy i Usuń nieużywane definicje i sprawdź wynik, zanim go wdrożysz.
Czy mogę zachować viewBox, a usunąć szerokość i wysokość?
Tak. Przebiegi Znormalizuj viewBox oraz Usuń szerokość i wysokość są od siebie niezależne. Usunięcie stałych wymiarów przy zachowaniu viewBox jest tym, czego chcesz dla SVG, który ma skalować się do swojego kontenera w CSS. Zachowanie ich jest tym, czego chcesz dla pliku otwieranego samodzielnie albo wstawianego do dokumentu, który nie nakłada żadnych stylów.