SVG edytor

Wyczyść skrypty, zdarzenia i zasoby zewnętrzne w SVG, użyj SVGO w celu optymalizacji rozmiaru i zgłoszenia różnic, a następnie wyświetl podgląd lub pobierz bezpieczną kopię.

Lokalne przetwarzanie w przeglądarce
Ta strona przeszła kontrolę publicznego katalogu; po włączeniu JavaScript można korzystać z pełnej funkcjonalności.
Instrukcja obsługi

Jak używać edytora SVG

Tekst SVG jest czyszczony, optymalizowany i wyświetlany tylko w bieżącej przeglądarce; nie jest przesyłany ani nie są aktywnie pobierane zasoby zewnętrzne.

  1. Wprowadź SVG

    Wklej treść lub wczytaj plik SVG o rozmiarze nieprzekraczającym 2 MiB, a następnie wybierz, czy wykonać wieloetapową optymalizację.

  2. Bezpieczne czyszczenie i optymalizacja

    Narzędzie najpierw usuwa skrypty, zdarzenia, zasoby zewnętrzne i niebezpieczne elementy, następnie optymalizuje za pomocą SVGO, po czym ponownie wykonuje bezpieczne czyszczenie.

  3. Sprawdź i pobierz

    Wyświetl oryginał, wyczyść i zoptymalizuj liczbę bajtów oraz usuń statystyki, potwierdź podgląd, a następnie skopiuj lub pobierz bezpieczną kopię.

Ograniczenia i uwagi

  • Bezpieczne czyszczenie aktywnie usuwa skrypty, foreignObject, atrybuty zdarzeń, odwołania zewnętrzne i część stylów; wygląd lub interakcje SVG zależne od tych elementów mogą się zmienić.
  • Optymalizacja może ponownie zapisać ścieżki, atrybuty, ID oraz precyzję wartości, dlatego nie nadaje się do bezstratnego przetwarzania zwrotnego wymagającego zachowania struktury źródłowej, powiązań animacji lub metadanych edytora.
  • Pomyślny podgląd w przeglądarce nie oznacza, że SVG będzie wyglądać tak samo we wszystkich rendererach; ważne grafiki należy porównać wizualnie z pobranym wynikiem i przetestować w docelowym środowisku.

Często zadawane pytania

Dlaczego po optymalizacji trzeba ponownie wykonać czyszczenie?

Ma to zagwarantować, że końcowy podgląd i pobieranie nadal będą zgodne z zasadami bezpieczeństwa i że żaden etap konwersji nie wprowadzi ponownie zabronionych struktur.

Czy wielokrotna optymalizacja na pewno daje mniejszy rozmiar?

Zwykle pozwala to dodatkowo zmniejszyć nadmiarowość, ale zajmuje więcej czasu i powoduje więcej zmian; należy kierować się wynikami raportu oraz weryfikacji wizualnej.

Czy można edytować węzły graficzne?

To narzędzie do czyszczenia, optymalizacji i podglądu kodu źródłowego; nie umożliwia przeciągania i edytowania węzłów jak oprogramowanie do rysowania wektorowego.

Informacje zwrotne o stronieZnalazłeś problem lub masz propozycję ulepszenia?
Funkcja opinii wymaga użycia w wersji online

Proszę włączyć JavaScript w wersji online przed wysłaniem; lokalne funkcje bieżącego narzędzia lub przykładu nie zostaną naruszone.

Przejdź do wersji online i prześlij opinię