SVG → SVG
Optymalizator SVG
Zmniejsz pliki SVG bez zmiany ich wyglądu. Optymalizator uruchamia SVGO w przeglądarce i pokazuje wynik obok oryginału.
Upuść tutaj plik SVG albo kliknij, aby wybrać plik, lub wklej go skrótem Ctrl+V Działa w przeglądarce · pliki zostają na twoim urządzeniu
Jak skompresować plik SVG w optymalizatorze
- Dodaj plik SVG. Upuść go, wybierz albo wklej.
- Ustaw liczbę miejsc po przecinku. Mniej miejsc po przecinku to mniejszy plik. Sprawdź w podglądzie, czy krawędzie się nie przesunęły.
- Porównaj oba podglądy. Oryginał i wersja zoptymalizowana są pokazane obok siebie razem z zaoszczędzonym rozmiarem.
- Pobierz lub skopiuj kod. Nazwa pliku dostaje końcówkę .min.svg.
Co usuwa optymalizator SVG
Programy graficzne dodają dane, których przeglądarki nigdy nie używają: przestrzenie nazw i metadane edytora, komentarze, ukryte warstwy, puste grupy, domyślne wartości atrybutów i współrzędne z większą liczbą miejsc po przecinku, niż ekran jest w stanie pokazać. Optymalizator korzysta z SVGO, otwartego optymalizatora używanego w wielu narzędziach do budowania stron, z domyślnym zestawem bezpiecznych wtyczek.
Kompresja SVG przez zaokrąglanie liczb
Dane ścieżek to często największa część pliku SVG, a spora ich część to cyfry po przecinku. Współrzędna 12.483920 na ikonie 24 px wygląda tak samo jak 12.48. Suwak miejsc po przecinku steruje tym zaokrąglaniem. Dla ikon zwykle wystarczą 1–2 miejsca, przy szczegółowych ilustracjach i mapach zostaw 3. Opcja „Powtarzaj, aż nie da się zmniejszyć” uruchamia wtyczki kilka razy, co pozwala jeszcze trochę zmniejszyć złożone pliki.
Optymalizacja SVG pod strony WWW: opcja responsywna
Zaznacz Usuń szerokość i wysokość, aby pozbyć się stałych wymiarów i zostawić tylko viewBox. SVG skaluje się wtedy do szerokości kontenera, czego zwykle chcesz przy ikonach i logo w układach CSS. Zostaw tę opcję odznaczoną, jeśli SVG musi mieć dokładny rozmiar.