Oczyszczanie SVG

Czyszczenie SVG usuwa bloki metadanych, komentarze, znaczniki generatora i nieużywane atrybuty, które nie wpływają na renderowanie. Nie usuwa ścieżek ani kształtów. Jeśli plik SVG zawiera etykiety ułatwień dostępu, takie jak tytuł lub aria, czyszczenie SVG zachowuje je, chyba że są puste lub zduplikowane. W przypadku pracy zespołowej zachowaj nienaruszony oryginał, aby móc porównać różnice podczas przeglądu, śledzić, co się zmieniło i w razie potrzeby szybko przywrócić zmiany. Usunięcie metadanych ogranicza również przypadkowe ujawnienie nazwisk autorów lub wersji narzędzi w zasobach publicznych.

Oczyszczanie SVG koncentruje się na znacznikach niewizualnych, więc wyrenderowany wynik powinien wyglądać tak samo. Jeśli jednak plik opiera się na atrybutach dostępnych wyłącznie dla edytora lub nietypowych metadanych, przed wysyłką przeprowadź czyszczenie SVG i wyświetl podgląd. Szybkie porównanie pomaga wykryć przypadki Edge. Jeśli SVG używa filtrów, masek lub osadzonych czcionek, wyświetl podgląd w docelowych przeglądarkach i potwierdź, że renderowany wynik nie uległ zmianie przed publikacją.

Tak. Oczyszczanie SVG to pierwsze przejście; optymalizacja i minimalizacja mogą jeszcze bardziej zmniejszyć rozmiar. Uruchamiając najpierw czyszczenie SVG, dajesz SVGO prostszy plik, który może dać lepsze wyniki i mniej ostrzeżeń. Jeśli później wprowadzisz ręczne zmiany, drugi przebieg czyszczenia SVG może usunąć nowe komentarze lub metadane wprowadzone przez redaktorów.

Czyszczenie SVG zachowuje podstawowe atrybuty, takie jak pole widoku, szerokość, wysokość i identyfikatory używane w CSS lub skryptach. Jeśli identyfikator jest pusty lub zduplikowany, czyszczenie SVG może go usunąć, aby uniknąć konfliktów. Przejrzyj dane wyjściowe, jeśli korzystasz z niestandardowych identyfikatorów. Jeśli czyszczenie SVG usunie identyfikator, którego nadal potrzebujesz, dodaj go ponownie i uruchom ponownie narzędzie, a następnie udokumentuj wymagane identyfikatory dla swojego zespołu.

Nie. Oczyszczanie SVG odbywa się całkowicie w przeglądarce i nigdy nie przesyła pliku. Ten lokalny proces czyszczenia SVG jest bezpieczny w przypadku wrażliwych logo, niepublikowanych ikon lub pracy klienta. Można go także używać w trybie offline lub za zaporą sieciową, ponieważ po załadowaniu strony nie są wymagane żadne połączenia sieciowe.

Jeśli etykiety mają znaczenie, pozostają. Puste lub zduplikowane etykiety można usunąć, aby zmniejszyć hałas. Możesz dodać tytuł lub etykietę arii po oczyszczeniu, jeśli Twój zespół wymaga określonego formatu. Aby uzyskać bardziej rygorystyczne zasady dostępności, po oczyszczeniu dodaj zwięzły tytuł i etykietę arii i sprawdź za pomocą czytnika ekranu w przeglądarce docelowej. Jeśli Twoja organizacja przestrzega WCAG, dołącz rolę i arię oznaczoną przez i zweryfikuj za pomocą narzędzia do audytu dostępności.

Tak. Formatowanie może sprawić, że oczyszczone znaczniki będą łatwiejsze do odczytania. Uruchom program formatujący po przejściu czyszczenia, aby ujednolicić wcięcia i kolejność atrybutów. Zespoły często uruchamiają formatowanie w CI, aby zachować spójność stylu w repozytoriach i uniknąć hałaśliwych różnic w żądaniach ściągnięcia. Jeśli przechowujesz pliki SVG w repozytorium komponentów, spójny format przyspiesza przeglądanie i ogranicza konflikty scalania.

Tak. Z SVG Cleanup można korzystać bezpłatnie w przeglądarce. Nie są wymagane żadne pliki do pobrania ani instalacja.

Nie. SVG Cleanup działa natychmiast w przeglądarce bez konieczności rejestracji, a pliki pozostają lokalne.