Jak używać
- Wybierz lub upuść pliki SVG, także kilka naraz, albo wklej kod SVG. Kliknij Wczytaj przykład, aby zobaczyć działanie.
- Dostosuj liczbę miejsc dziesiętnych i inne opcje. Wyniki aktualizują się od razu i pokazują, o ile każdy plik jest mniejszy.
- Pobierz każdy zoptymalizowany plik albo kliknij Pobierz wszystko (ZIP). Wklejony kod możesz od razu skopiować.
Opis opcji
- Miejsca dziesiętne
- Liczba miejsc zachowywanych przy współrzędnych i liczbach, domyślnie 3. Ikony zwykle wyglądają tak samo przy 1–2; dla szczegółowych ilustracji i map zachowaj co najmniej 3.
- Kilka przebiegów
- Powtarza optymalizację, aż plik przestanie się zmniejszać. Zwykle oszczędza jeszcze kilka procent i działa trochę dłużej.
- Usuń width/height
- Zostawia tylko viewBox, dzięki czemu SVG skaluje się z kontenerem — przydatne przy ustawianiu rozmiaru przez CSS.
- Zachowaj identyfikatory
- Domyślnie nieużywane identyfikatory są usuwane, a pozostałe skracane. Włącz tę opcję, jeśli zewnętrzny CSS, JavaScript lub inny plik odwołuje się do elementów po ID.
Przykład
Oryginał wyeksportowany z Inkscape, o rozmiarze 789 bajtów, zawiera deklarację XML, komentarz, metadane, atrybuty edytora i długie liczby. Wersja zoptymalizowana ma 248 bajtów:
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><circle cx="60" cy="60" r="50" style="fill:#0f766e;fill-opacity:1;stroke:none"/><path d="m40 62 14 14 28-30-6-6-22 24-8-8Z" style="fill:#fff;stroke:none"/></svg>Najczęściej zadawane pytania
Czy obraz będzie wyglądał gorzej?
SVG jest formatem wektorowym. Optymalizacja usuwa tylko treści, które nie wpływają na renderowanie, i zaokrągla liczby do wybranej precyzji. Przy ustawieniach domyślnych różnica nie jest widoczna; jeśli kształt się odkształci, zwiększ liczbę miejsc.
O ile plik będzie mniejszy?
Zależy to od programu, który go wyeksportował. SVG z narzędzi projektowych często zmniejsza się o 30–70%; przykład zmienia się z 789 do 248 bajtów. Wcześniej zoptymalizowane pliki zmienią się niewiele.
Dlaczego animacja albo skrypt przestały działać?
Jeśli style SVG lub skrypty wybierają elementy po ID, włącz Zachowaj identyfikatory.
Czy moje pliki są wysyłane?
Nie. SVGO działa w przeglądarce, a pliki są odczytywane i przetwarzane lokalnie.
Prywatność
To narzędzie działa w całości w przeglądarce. Twoje pliki i tekst są przetwarzane na Twoim urządzeniu i nigdy nie trafiają na nasze serwery.