Optymalizator SVG
Optymalizuj pliki SVG z pomocą technologii AIZmniejsz rozmiar pliku nawet o 90%, zachowując jakość
Przeciągnij i upuść plik SVG
lub wybierz plik do przesłania
Plik SVG o rozmiarze do 10 MB
Za darmo
Bez limitów
Bez karty kredytowej
Zacznij od razu
Bez rejestracji
Korzystaj od razu
Dlaczego ToSVG?
Najlepsze wyniki dzięki technologii opartej na AI
Szybka optymalizacja
Optymalizuj pliki SVG w kilka sekund dzięki naszym algorytmom opartym na AI. Wydajność na poziomie enterprise.
Mniejszy rozmiar pliku
Usuwamy zbędne metadane i kod, co daje nawet 90% mniejszy rozmiar. Profesjonalne wyniki gwarantowane.
Zachowana jakość
Zoptymalizowane pliki SVG bez utraty jakości wizualnej. Kontrola jakości na poziomie enterprise.
Technologia oparta na AI
Inteligentnie optymalizujemy Twoje pliki SVG, korzystając z najnowszych technologii sztucznej inteligencji. Nasz system uczy się na tysiącach optymalizacji i zawsze gwarantuje najlepsze wyniki.
99,9% skuteczności
Ponad 10 tys. optymalizacji
Bez limitów
Jak działa optymalizacja SVG
Plik jest przetwarzany przez SVGO, popularny optymalizator SVG o otwartym kodzie, z domyślnym presetem w trybie multipass: przebiegi powtarzają się, aż plik przestanie się zmniejszać. Oto, co się zmienia.
Usuwany jest narzut edytora i dokumentu
Usuwane są deklaracja XML, DOCTYPE, komentarze i bloki <metadata>, a także dodatkowe przestrzenie nazw i atrybuty, które edytory takie jak Inkscape, Illustrator i Sketch zapisują w pliku. Ogólne opisy typu „Created with…” również znikają. Nic z tego nie wpływa na wygląd obrazu.
Liczby są zaokrąglane, a dane ścieżek przepisywane
Współrzędne i inne wartości liczbowe są zaokrąglane do trzech miejsc po przecinku. Polecenia ścieżek są przepisywane do najkrótszej równoważnej postaci, zbędne segmenty są usuwane, a sąsiadujące ścieżki o identycznym stylu mogą zostać połączone w jedną.
Kształty, grupy i transformacje są upraszczane
Prostokąty, linie i wielokąty są zamieniane na ścieżki, gdy daje to krótszy zapis. Puste grupy i kontenery są usuwane, grupy-opakowania bez znaczenia są rozwijane, a transformacje są łączone lub, jeśli się da, stosowane bezpośrednio.
Style i kolory są porządkowane
Kolory są zapisywane w najkrótszej postaci (na przykład #ff0000 zamienia się w red), CSS wewnątrz <style> jest minifikowany, atrybuty powtarzające tylko domyślne wartości SVG są usuwane, a ukryte lub puste elementy są kasowane.
Nieużywane identyfikatory i definicje są usuwane
Identyfikatory, do których nic w pliku się nie odwołuje, są usuwane, podobnie jak nieużywane gradienty, wzory i inne elementy <defs>. Identyfikatory, do których nadal są odwołania, zachowują oryginalne nazwy; nie są skracane.
Atrybut viewBox zostaje, stałe wymiary znikają
Atrybut viewBox jest zawsze zachowywany, dzięki czemu grafika skaluje się prawidłowo. Atrybuty width i height są usuwane, więc SVG wypełnia każde pole, w którym go umieścisz. Wynik jest zapisany w jednej linii, a atrybuty mają spójną kolejność, co ułatwia też kompresję gzip.
Co można bezpiecznie optymalizować i kiedy uważać
Statyczne ikony, logo i ilustracje wyeksportowane z programów graficznych, także pliki SVG z naszych konwerterów, można bezpiecznie optymalizować i zwykle zyskują na tym najwięcej. W poniższych przypadkach sprawdź wynik dokładniej.
Identyfikatory używane przez zewnętrzny CSS, JavaScript lub sprite'y
Optymalizator widzi tylko sam plik. Jeśli zewnętrzny arkusz stylów, skrypt albo <use href="icons.svg#name"> na innej stronie odwołuje się do identyfikatora, wygląda on na nieużywany i zostanie usunięty. Pliki zawierające własny element <style> lub <script> zachowują swoje identyfikatory.
Animowane pliki SVG
Animacje SMIL lub CSS, które morfują dane ścieżek albo zależą od określonej struktury grup, mogą przestać działać po przepisaniu ścieżek i rozwinięciu grup. Proste animacje zwykle to przetrwają, ale zawsze obejrzyj wynik w podglądzie, zanim zastąpisz oryginał.
Tekst dla dostępności
Element <title> jest usuwany. Jeśli czytnik ekranu potrzebuje etykiety, dodaj tekst alternatywny w tagu <img> lub atrybut aria-label tam, gdzie osadzasz SVG.
Warstwy pokazywane i ukrywane kodem
Elementy ukryte przez display="none" lub zerowe krycie (opacity) są uznawane za niewidoczne i usuwane. Jeśli Twój skrypt odkrywa je później, zoptymalizuj kopię, w której te warstwy nie są ukryte.
Pliki, które nadal chcesz edytować
Warstwy Inkscape, linie pomocnicze i inne dane edytora znikają po optymalizacji. Zachowaj plik źródłowy do edycji, a opublikuj zoptymalizowaną kopię.
Najczęstsze pytania o optymalizator SVG
Czy optymalizacja zmieni wygląd mojego SVG?
W przypadku niemal wszystkich plików nie. Usuwane są dane, które nie są renderowane, a reszta jest zapisywana krócej. Jedyny widoczny efekt może wynikać z zaokrąglenia do trzech miejsc po przecinku, co bywa widoczne w grafikach z bardzo małym viewBox wyświetlanych w dużym rozmiarze.
O ile mniejszy będzie mój plik SVG?
To zależy od źródła pliku. Eksporty z programów graficznych z metadanymi, komentarzami i długimi liczbami dziesiętnymi często zmniejszają się mocno, a pliki już zminifikowane niemal wcale. Strona z wynikiem pokazuje dokładny rozmiar przed i po.
Jaki jest maksymalny rozmiar pliku?
Możesz przesłać pliki SVG o rozmiarze do 10 MB. Zamiast przesyłać plik, możesz też wkleić kod SVG bezpośrednio na karcie „Wklej kod”.
Dlaczego atrybuty width i height zostały usunięte?
Optymalizator zachowuje viewBox i usuwa stałe width oraz height, aby SVG skalowało się do swojego kontenera. Jeśli potrzebujesz stałego rozmiaru, ustaw width i height w tagu <img> lub w CSS.
Czy można bezpiecznie optymalizować pliki SVG używane w sprite'ach lub przez JavaScript?
Zachowaj ostrożność. Identyfikatory, do których odwołania są tylko spoza pliku, są usuwane, bo optymalizator nie widzi tych odwołań. Przetestuj zoptymalizowany plik w docelowym miejscu albo w takich przypadkach zachowaj oryginał.
Czy optymalizator usuwa informacje o dostępności?
Usuwa element <title> i ogólne opisy z edytorów. Dodaj dostępną nazwę tam, gdzie osadzasz SVG, na przykład za pomocą tekstu alternatywnego lub atrybutu aria-label.