Optymalizator SVG

Optymalizuj pliki SVG, aby zmniejszyć ich rozmiar

Pliki nie opuszczają urządzenia
Działa w przeglądarce
Za darmo, bez konta, bez znaku wodnego

Drop SVG files here, or click to choose

Akceptuje SVG, SVGZ · Możesz też wkleić przez Ctrl+V / ⌘V

Or paste SVG code

Tip: paste SVG code anywhere on this page with Ctrl+V / ⌘V.

Jak używać: Optymalizator SVG

Zmniejszaj pliki SVG za pomocą SVGO, nie opuszczając przeglądarki. Wybierz gotowiec Domyślny, Bezpieczny albo Maksymalny albo przełączaj pojedyncze wtyczki, sprawdź różnicę pikseli względem oryginału i wyeksportuj wynik jako SVG, data URI albo komponent React.

1
Upuść pliki SVG albo SVGZ na stronę albo wklej kod SVG; Przykład wczytuje próbkę.
2
W Optymalizacji wybierz Domyślny, Bezpieczny albo Maksymalny i dostosuj Precyzję liczb, Wielokrotne przejścia i Ładny wydruk.
3
Opcjonalnie: otwórz grupy Wtyczek, aby włączać albo wyłączać pojedyncze wtyczki SVGO; Reset wraca do Domyślnego.
4
Porównaj wynik Obok siebie, Suwakiem albo w Różnicach, gdzie zmienione piksele są czerwone.
5
Wybierz kartę SVG, Data URI albo React, a potem kliknij Pobierz SVG albo Pobierz .jsx; przy kilku plikach użyj Pobierz wszystko (ZIP).

Częste pytania

Czy moje pliki SVG są przesyłane?

Nie. SVGO działa w wątku w tle w przeglądarce, więc pliki nigdy nie opuszczają urządzenia.

Czy optymalizacja zmieni wygląd mojego SVG?

Gotowiec Domyślny dąży do tego samego wyglądu. Różnice renderują obie wersje i podają udział zmienionych pikseli albo Wygląda identycznie. Bardzo niska Precyzja liczb może zniekształcić drobne detale.

Który gotowiec pasuje do animowanego albo skryptowego SVG?

Bezpieczny. Zostawia strukturę, identyfikatory i kształty, więc selektory CSS i skrypty nadal znajdują swoje elementy.

Dlaczego Maksymalny usunął szerokość i wysokość?

Maksymalny odrzuca też tytuły, wymiary i skrypty, co pasuje do ikon używanych przez CSS albo img; SVG skaluje się wtedy do kontenera. Odznacz removeDimensions w Osadzaniu WWW, aby zachować rozmiar.

Czy użyć data URI w Base64, czy zakodowanego w URL?

W większości przypadków zostaw Base64 wyłączone: URI zakodowany w URL jest zwykle krótszy i lepiej się kompresuje gzipem. Włącz je tylko tam, gdzie narzędzie oczekuje Base64.

Jak działa eksport React?

Karta React owija zoptymalizowany SVG w komponent JSX nazwany od pliku, z atrybutami przepisanymi na JSX i props przekazanymi do elementu svg. Pobierz .jsx go zapisuje.