Dlaczego pliki SVG niosą tyle zbędnych danych
Programy graficzne zapisują więcej niż rysunek: przestrzenie nazw edytora, nazwy warstw, komentarze, ukryte elementy, ścieżki z dziesięcioma miejscami po przecinku i identyfikatory w rodzaju „Layer_1-copy-3”. Przeglądarka nie potrzebuje żadnego z nich. Optymalizator działający na tej stronie wczytuje plik, usuwa to, co nie ma widocznego wpływu, i zapisuje resztę w najkrótszej postaci, dlatego ikony i ilustracje często maleją o jedną trzecią lub więcej bez zmiany wyglądu.
Optymalizacja SVG w czterech krokach
- Wklej kod SVG do lewego pola albo naciśnij Otwórz plik SVG.
- Ustaw liczbę miejsc po przecinku i zaznacz potrzebne opcje.
- Porównaj oba podglądy i odczytaj zaoszczędzony rozmiar pod wynikiem.
- Naciśnij Kopiuj albo pobierz nowy plik jako .min.svg.
Co robi każda opcja
- Miejsca po przecinku zaokrąglają współrzędne. Trzy cyfry są bezpieczne dla ikon; jedna lub dwie pasują do dużych, prostych kształtów.
- Kilka przebiegów powtarza czyszczenie, aż nie da się już nic zaoszczędzić.
- Skracanie identyfikatorów zmienia nazwy używanych identyfikatorów i porzuca resztę. Wyłącz je dla SVG inline, którego identyfikatory są stylowane lub obsługiwane skryptem gdzie indziej.
- Usuń szerokość i wysokość pozwala obrazowi skalować się z kontenerem, o ile jest viewBox.
- Usuń skrypty kasuje elementy script i atrybuty zdarzeń, co przydaje się przed osadzeniem SVG z nieznanego źródła.
Kontrola przed zastąpieniem oryginału
Optymalizacja jest bezpieczna dla większości plików, ale mocne zaokrąglanie może przesunąć cienkie linie, a usunięte identyfikatory mogą zepsuć CSS lub animacje, które się do nich odwołują. Dlatego strona pokazuje oryginał i wynik obok siebie. Zachowaj plik źródłowy, dopóki nie zobaczysz nowego w jego docelowym miejscu.
Nic nie jest wysyłane
Optymalizator wczytuje się raz i działa w tej karcie. Twoja grafika nigdy nie trafia na serwer, co ma znaczenie przy niepublikowanych logo i pracach dla klientów. Nie potrzebujesz też konta ani logowania, a po jednorazowym wczytaniu optymalizatora narzędzie działa bez czekania na sieć.