Czy to to samo co SVGO lub SVGOMG?

Działa tu samo SVGO, ten sam silnik, którego używa SVGOMG, z domyślnym presetem i tymi samymi wtyczkami w formie przełączników. Wszystko działa w Twojej przeglądarce.

Czy optymalizacja zmieni wygląd mojego SVG?

Nie przy ustawieniach domyślnych. Bardzo niska precyzja może wygiąć delikatne krzywe, a niektóre opcje dodatkowe zmieniają wymiarowanie lub dostępność — podgląd przed i po od razu pokazuje różnicę.

Czy mogę zoptymalizować kilka plików SVG naraz?

Tak. Upuść ich tyle, ile chcesz, zmień ustawienia raz dla wszystkich i pobierz je razem jako ZIP.

Dlaczego pokazywany jest rozmiar po gzip?

Serwery WWW zwykle wysyłają SVG skompresowane gzipem, więc ta wartość jest bliższa temu, co odwiedzający faktycznie pobierają.

Czy moje pliki są wysyłane na serwer?

Nie. SVGO działa w Twojej przeglądarce, a pliki nigdy nie opuszczają Twojego urządzenia.

Optymalizacja SVG online: kompresja i minifikacja

Mniejsze pliki SVG, które wyglądają dokładnie tak samo

Pliki SVG wyeksportowane z Illustratora, Figmy, Inkscape'a czy Sketcha niosą mnóstwo balastu, którego przeglądarka nigdy nie rysuje: metadane edytora, komentarze, ukryte warstwy, liczby z ośmioma miejscami po przecinku, grupy w grupach. Ten optymalizator uruchamia SVGO — standardowe narzędzie do optymalizacji SVG — w Twojej przeglądarce, aby go usunąć, i pokazuje wynik obok oryginału, żebyś widział, że zmienił się tylko rozmiar.

Jak zoptymalizować SVG

1Upuść jeden lub kilka plików SVG, wybierz je albo wklej kod SVG.
2Sprawdź podgląd przed i po oraz zaoszczędzony rozmiar każdego pliku.
3Obniż Precyzję, aby uzyskać mniejsze pliki; podnieś ją, jeśli krzywe zaczynają wyglądać źle.
4Włączaj i wyłączaj pojedyncze wtyczki SVGO — na przykład usuń width i height, aby SVG skalował się przez CSS.
5Pobierz zoptymalizowany SVG, skopiuj kod albo pobierz wszystkie pliki naraz jako ZIP.

Co jest usuwane

Dane edytora: Metadane, komentarze, deklaracja XML i doctype oraz przestrzenie nazw i atrybuty, które Inkscape, Illustrator i Sketch dodają na własne potrzeby.
Zbędny kod: Puste grupy i atrybuty, wartości domyślne, ukryte elementy, nieużywane definicje i ID oraz grupy obejmujące tylko jeden element.
Rozwlekła geometria: Dane ścieżek są przepisywane z użyciem poleceń względnych i mniejszej liczby cyfr, kształty stają się krótszymi ścieżkami, a transformacje są w miarę możliwości wliczane we współrzędne.

Bezpieczne ustawienia domyślne, mocniejsze opcje

Domyślny zestaw to preset samego SVGO, dobrany tak, by obraz pozostał bez zmian. Opcje dodatkowe idą dalej, ale zmieniają więcej niż rozmiar: usunięcie width i height sprawia, że SVG wypełnia swój kontener, usunięcie tytułu ukrywa jego nazwę przed czytnikami ekranu, a usunięcie xmlns nadaje się tylko do SVG wklejanego bezpośrednio w HTML.

Aby najpierw zamienić bitmapę na SVG, użyj konwertera obrazów, który może wysłać swój SVG prosto tutaj; aby osadzić wynik, użyj narzędzia obraz do Base64.

Najczęstsze pytania

Czy to to samo co SVGO lub SVGOMG?: Działa tu samo SVGO, ten sam silnik, którego używa SVGOMG, z domyślnym presetem i tymi samymi wtyczkami w formie przełączników. Wszystko działa w Twojej przeglądarce.
Czy optymalizacja zmieni wygląd mojego SVG?: Nie przy ustawieniach domyślnych. Bardzo niska precyzja może wygiąć delikatne krzywe, a niektóre opcje dodatkowe zmieniają wymiarowanie lub dostępność — podgląd przed i po od razu pokazuje różnicę.
Czy mogę zoptymalizować kilka plików SVG naraz?: Tak. Upuść ich tyle, ile chcesz, zmień ustawienia raz dla wszystkich i pobierz je razem jako ZIP.
Dlaczego pokazywany jest rozmiar po gzip?: Serwery WWW zwykle wysyłają SVG skompresowane gzipem, więc ta wartość jest bliższa temu, co odwiedzający faktycznie pobierają.
Czy moje pliki są wysyłane na serwer?: Nie. SVGO działa w Twojej przeglądarce, a pliki nigdy nie opuszczają Twojego urządzenia.

Optymalizator SVG