Optymalizator SVG
Optymalizuj i kompresuj pliki SVG online
Usuń niepotrzebne metadane, dane edytora, grupy i precyzję za pomocą SVGO. Wybierz opcję Bezpieczna, Zrównoważona lub Maksymalna optymalizacja, dostosuj poszczególne przebiegi i porównaj wyniki przed pobraniem. Wszystko działa w Twojej przeglądarce.
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.
Czym jest SVG?
SVG (Scalable Vector Graphics) to oparty na XML format obrazu wektorowego. Zamiast pikseli SVG matematycznie opisuje kształty, ścieżki, wypełnienia i obrysy, dzięki czemu może być renderowany w dowolnym rozmiarze bez utraty jakości.
SVG to standardowy format wektorowy dla internetu. Wszystkie nowoczesne przeglądarki obsługują go natywnie; można go stylizować za pomocą CSS oraz animować przez JavaScript lub SMIL. Zwykle jest kompaktowy dla logo, ikon i ilustracji, jednak złożone pliki SVG mogą być duże.
Kiedy optymalizować SVG
Pliki eksportowane z Illustrator, Figma, Inkscape lub Sketch zawierają metadane edytora, ukryte warstwy, zagnieżdżone grupy i współrzędne z większą precyzją niż potrzebuje przeglądarka. Zoptymalizuj SVG, zanim wstawisz go do HTML, wyślij do biblioteki komponentów lub podaj jako ikonę. Mniejsze znaczniki można szybciej przesyłać i analizować, zwłaszcza gdy są powtarzane w HTML lub JavaScript. Zachowaj oryginalny plik źródłowy: optymalizacja jest jednokierunkowa, a zminimalizowane dane ścieżki są trudne do ręcznej edycji.
Jak optymalizować SVG online
- 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 optymalizacja zmieni wygląd mojego SVG?
Bezpieczne to najbardziej konserwatywne ustawienie wstępne. Zrównoważony również zaokrągla współrzędne i usuwa zbędne atrybuty, podczas gdy Maksymalny łączy zduplikowane kształty i usuwa stałe wymiary. Bardziej agresywne przejścia mogą mieć wpływ na drobne szczegóły lub rozmiar, dlatego przed pobraniem użyj funkcji różnicowania pikseli, aby sprawdzić wynik.
Czym różnią się ustawienia Bezpieczny, Zrównoważony i Maksymalny?
To poziomy kumulatywne. Bezpieczny uruchamia dziewięć przebiegów, które jedynie kasują znaczniki: prolog XML, komentarze, metadane, przestrzenie nazw edytorów, nieużywane definicje, grupy tylko przekazujące atrybuty, długie wartości kolorów i białe znaki. Zrównoważony dokłada czyszczenie atrybutów, usuwanie niewidocznych elementów, przepisywanie ścieżek i zaokrąglanie współrzędnych. Maksymalny dokłada scalanie duplikatów oraz usuwanie szerokości i wysokości, a każdy przebieg powtarza, aż plik przestanie się zmniejszać. Dowolny pojedynczy przebieg można wyłączyć w sekcji Opcje zaawansowane.
Dlaczego mój zoptymalizowany plik jest ledwie mniejszy?
Zwykle dlatego, że był już zoptymalizowany, albo dlatego, że o jego rozmiarze decydują dane ścieżek, których nie da się bardziej skrócić, lub osadzony obraz rastrowy w data URI, którego to narzędzie nigdy nie rusza. Przy grafice rysowanej ręcznie największy pozostały zysk daje zwykle zmniejszenie liczby miejsc dziesiętnych. Pamiętaj, że pokazana wartość to surowy rozmiar pliku: gzip lub Brotli na Twoim serwerze skompresuje go znacznie mocniej, a czystsze znaczniki kompresują się lepiej.