Instrukcja obsługi
- Kliknij „Załaduj próbkę SVG”, aby sprawdzić eksport zaszumionego projektu, lub upuść własny plik .svg do narzędzia.
- Możesz także wkleić surowe znaczniki
<svg>skopiowane z Figma, Illustrator, Sketch lub kodu źródłowego. - Wybierz opcję „Standard”, aby uzyskać bezpieczniejszą optymalizację domyślną. Przełącz na „Agresywny”, jeśli chcesz zmniejszyć rozmiar pliku.
- Przejrzyj „Rozmiar oryginalny”, „Rozmiar zoptymalizowany” i „Zapisano”, a następnie sprawdź podgląd pod kątem oczywistych zmian wizualnych.
- Kliknij „Kopiuj kod SVG” dla komponentów HTML, React lub ikon lub kliknij „Pobierz SVG”, aby zapisać zoptymalizowany plik.
Przykład: wklej ikonę marki wyeksportowaną z narzędzia do projektowania, potwierdź zapisaną wartość procentową i podgląd, a następnie skopiuj zminimalizowany wbudowany SVG dla paska nawigacyjnego witryny lub ikony przycisku.
Główne funkcje
- Kompresja SVG oparta na SVGO: Uruchom SVGO w przeglądarce, aby usunąć metadane, puste grupy i atrybuty, które można skompresować ze znaczników wektorowych.
- Czysty eksport Figmy i Illustratora: Zmień szczegółowe narzędzie do projektowania SVG w czystszy kod ikony, który jest łatwiejszy do wysyłki.
- Natychmiastowe porównanie rozmiarów: Przed wymianą zasobu sprawdź rozmiar oryginału, zoptymalizowany rozmiar i zaoszczędzoną wartość procentową.
- Skopiuj kod lub pobierz: Skopiuj zoptymalizowany znacznik
<svg>dla wbudowanego HTML lub komponentów albo pobierz nowy plik.svg. - Lokalne przetwarzanie zasobów prywatnych: Odczyt plików, optymalizacja SVGO, podgląd, kopiowanie i pobieranie odbywa się w Twojej przeglądarce.
Powiązane narzędzia
Borykasz się z rozmytymi znacznikami? EasyTools oferuje uniwersalny stempel obsługujący bezstratne skalowanie SVG i wysokiej jakości eksport WebP. Zachowaj przejrzystość i eksportuj dane JSON lokalnie.
Zmień zdjęcie w edytowalny wzór z paletami referencyjnymi, licznikiem koralików oraz eksportem PNG, CSV i PDF 1:1. Przetwarzanie lokalne w przeglądarce.
Zmień rozmiar obrazów według dokładnych pikseli lub popularnych ustawień domyślnych w przeglądarce. Zablokuj współczynnik proporcji, wyświetl podgląd wymiarów wyjściowych i pobierz wynik bez przesyłania.
Konwertuj WebP, JPG, PNG i inne formaty obrazów lokalnie w swojej przeglądarce. Przeciąganie zbiorcze, podgląd, dostosowywanie jakości i pobieranie bez przesyłania i sztucznych ograniczeń rozmiaru plików.
Konwertuj obrazy PNG, JPG lub WebP na favikonę ICO o wielu rozmiarach. Obsługiwane przez canvas, po stronie klienta, bezpłatne i gotowe do pobrania bez przesyłania.
Konwertuj pliki SVG na przezroczyste obrazy PNG. Zbiorczo upuść pliki, wybierz skalowanie 1x/2x/4x/8x i renderuj wszystko lokalnie w przeglądarce.
Błyskawicznie konwertuj zdjęcia HEIC z iPhone'a na JPG w przeglądarce. W 100% prywatne, nieograniczone konwersje wsadowe, brak ograniczeń rozmiaru plików. Całe przetwarzanie ma charakter lokalny.
Konwertuj pliki programu Adobe Illustrator (.ai) na format PDF, JPG lub PNG bezpośrednio w przeglądarce. Konwersja w 100% lokalna, zapewniająca prywatność, bez ograniczeń rozmiaru plików i przesyłania na serwer.
Logika obliczeń
Optymalizacja SVG nie rasteryzuje obrazu. Czyści znaczniki wektorów oparte na XML. To narzędzie uruchamia SVGO bezpośrednio w przeglądarce, aby usunąć metadane edytora, scalić niepotrzebne grupy, upuścić puste atrybuty, skompresować ścieżki i zaokrąglić współrzędne.
Tryb „Standardowy” jest bezpieczniejszym trybem domyślnym w przypadku większości ikon i ilustracji. Tryb „agresywny” umożliwia optymalizację wieloprzebiegową i mniejszą precyzję numeryczną, co może jeszcze bardziej zmniejszyć rozmiar, ale może nieznacznie zmienić niezwykle złożone ścieżki. Wynik pozostaje edytowalnym wektorem SVG, który możesz skopiować lub pobrać.
Najczęściej zadawane pytania (FAQ)
Jak zmniejszyć rozmiar pliku SVG?
Usuń metadane narzędzia projektowego, puste grupy, zbędne atrybuty i ściśliwe dane ścieżki. To narzędzie uruchamia optymalizacje SVGO w Twojej przeglądarce i pokazuje zapisany procent.
Jak mogę wyczyścić kod SVG wyeksportowany z Figmy?
Upuść wyeksportowany plik .svg do narzędzia lub wklej surowy znacznik <svg>. Zacznij od „Standardowego”, sprawdź podgląd, a następnie skopiuj lub pobierz zoptymalizowany wynik.
Czy kompresja SVG pogarsza jakość?
Zwykle nie.SVG to znacznik wektorowy, a SVGO najczęściej usuwa niewidoczne metadane i nadmiarową strukturę. Bardzo złożone ścieżki mogą się nieznacznie przesuwać w trybie „Agresywnym”, dlatego przed wymianą zasobów produkcyjnych sprawdź podgląd.
Czy to narzędzie przesyła moje ikony i ilustracje?
Nie. Odczyt plików, optymalizacja SVGO, podgląd, kopiowanie i pobieranie odbywają się lokalnie w Twojej przeglądarce.
Czy mogę użyć zoptymalizowanego SVG wbudowanego w HTML?
Tak. „Kopiuj kod SVG” kopiuje kompletny znacznik <svg> dla wbudowanego HTML, komponentów React lub systemów ikon.
Czy można przekonwertować PNG lub JPG na SVG?
Nie. To narzędzie optymalizuje tylko istniejący kod wektorowy SVG; nie wektoryzuje obrazów rastrowych.