itsytools.

PNG · JPG → SVG

Wektoryzacja PNG/JPG do SVG

Zamień PNG lub JPG na edytowalne kształty SVG. Podgląd i pobieranie odbywają się prywatnie w przeglądarce.

01

Dodaj obraz

PNG · JPG · JPEG

8

Mniej kolorów daje prostsze pliki SVG.

02

Twój SVG

Dodaj obraz i zwektoryzuj go, aby zobaczyć podgląd.

Najlepsze do logo i ilustracji. Zdjęcia są przybliżane i mogą tworzyć duże pliki SVG. Przezroczyste obszary PNG pozostają przezroczyste.

Dobór obrazu i ustawień do trasowania SVG

Trasowanie zmienia kolorowe obszary PNG lub JPG w ścieżki SVG. Płaska grafika i wyraźne krawędzie zwykle działają lepiej niż fotografie. Wynik przybliża źródło; nie odzyskuje brakujących szczegółów.

Krok po kroku

  1. Otwórz PNG lub JPG z wyraźnym obiektem. Najpierw przytnij zbędne otoczenie, jeśli dodałoby niechciane ścieżki.
  2. Zacznij od małej palety i zrównoważonych szczegółów. Trasuj, porównaj podglądy i zmieniaj jedno ustawienie naraz.
  3. Pobierz SVG i sprawdź je w planowanym rozmiarze. Zachowaj oryginał rastrowy, jeśli ważne są dokładne szczegóły fotografii.

Ustawienia i ograniczenia

Paleta kolorów
Mniej kolorów upraszcza obszary i zmniejsza liczbę ścieżek, ale może łączyć ważne odcienie. Więcej kolorów nie przywraca szczegółów.
Poziom szczegółów
Tryby prosty, zrównoważony i szczegółowy ograniczają najdłuższą krawędź roboczą odpowiednio do 240, 400 i 600 pikseli.
Przezroczystość i tekst
Obszary przezroczyste są pomijane. Częściowa przezroczystość jest upraszczana; tekst staje się kształtami, nie edytowalnymi ani wyszukiwalnymi znakami.

Przykład z omówieniem

Wczytaj color-blocks.png, wybierz 3 kolory i zrównoważone szczegóły. Źródło 600 × 400 jest trasowane przy 400 × 267 pikselach.

Pobierz pliki przykładowe

Przykładowe dane wejściowe

600 × 400 px · 3

Oczekiwany wynik

<svg width="600" height="400" viewBox="0 0 400 267">
  <path/> <path/> <path/>
</svg>

Przykładowe SVG zawiera 3 wypełnione ścieżki i zachowuje rozmiar wyświetlania 600 × 400. Nie zawiera osadzonej bitmapy źródłowej.

Pytania i rozwiązywanie problemów

Dlaczego zniknęły małe litery lub cienkie linie?

Zmniejszanie i upraszczanie mogą je usunąć. Spróbuj trybu szczegółowego i czystszego źródła; odtwórz ważny tekst w edytorze wektorowym.

Czy SVG zawsze będzie mniejsze od PNG?

Nie. Złożone zdjęcia mogą tworzyć liczne ścieżki i większe pliki. Porównuj rzeczywiste pobrania zamiast zakładać mniejszy rozmiar wektora.

Dlaczego całkowicie przezroczysty obraz jest odrzucany?

Nie ma widocznych pikseli do trasowania. Wybierz grafikę z widocznymi kształtami zamiast pustego przezroczystego płótna.