Narzędzia95

KONWERSJA / PRAKTYCZNY PRZEWODNIK PO OBRAZACH

Jak zamienić grafikę PNG lub JPG na prawdziwe ścieżki SVG

Konwertuj grafikę opartą na pikselach na skalowalne kształty.

SVG może zawierać kształty wektorowe lub osadzony bitmapę. Obraz do SVG tworzy ścieżki i wypełnienia z Twoich pikseli PNG lub JPG, dzięki czemu edytor wektorowy może edytować kształty. Używa konwencjonalnego trasowania zamiast generatywnej sztucznej inteligencji.

Zaktualizowano

Postępuj zgodnie z przewodnikiem
RZECZYWISTE WEJŚCIE I POBRANY WYNIK
Przed Oryginalne źródło dla Image to SVG: 640 x 640 pikseli.

sample-vector.png: 640 x 640 px, 23,812 bajtów.

Po Rzeczywisty pobrany wynik z Image to SVG: 640 x 640 pikseli.

sample-vector.svg: 640 x 640 px, 12,938 bajtów.

Oryginalny 640 x 640 PNG oraz rzeczywisty 14-ścieżkowy SVG wykonany z Logo i 8 kolorami. Niektóre kolory zmieniają się podczas redukcji palety.
Reklamy
SZYBKI WIDEO PORADNIK How to trace an image to SVG with the Illustration preset Upload PNG or JPG artwork, choose the Illustration preset for a color trace, select Start and download the SVG result. Angielski lektor Obejrzyj wideo

How to trace an image to SVG with the Illustration preset

Reklamy

Przykład zaczyna się od czystej ilustracji kwiatu i sprawdza rzeczywiste ścieżki SVG utworzone przez preset Logo. Otwórz Obraz na SVG.

01

Wybierz grafikę i ustawienie wstępne

Otwórz Obraz do SVG i prześlij grafikę PNG, JPG lub JPEG. Logotypy, ikony i płaskie ilustracje z wyraźnymi krawędziami to dobre punkty wyjścia. Fotografie można trasować, ale wynik jest uproszczonym zbiorem kształtów, a nie wiernym zamiennikiem fotograficznym.

Wybierz Logo, Ilustrację lub Grafikę liniową. Logo zaczyna się od kompaktowej palety; Ilustracja zaczyna się od większej liczby kolorów i szczegółów; Grafika liniowa zaczyna się od trasowania czarno-białego. Ustawienia wstępne konfigurują kilka kontrolek jednocześnie, a Ty możesz je później dopracować.

Czyste źródło rastrowe zazwyczaj trasuje się lepiej niż takie z artefaktami kompresji, cieniami lub teksturowanym tłem.

02

Porównaj i dopracuj wektor

W trybie Kolor, Kolory wymagają 2 do 32 kolorów. Szczegółowość mieści się w zakresie od 1 do 5. Otwórz Dopracuj krawędzie i tło dla Wygładzania krzywych, Usuwania małych plamek i Tła. Dodatkowe szczegóły mogą zwiększyć liczbę ścieżek; czyszczenie może usunąć kropki, które należą do projektu.

Wybierz Aktualizuj podgląd po zmianie ustawień. Użyj Oryginał, Wektor i Porównaj; Porównaj ma ruchomy suwak. Przykład używa Logo z 8 kolorami i innymi domyślnymi ustawieniami wstępnymi. Pobrany SVG ma 14 ścieżek. Redukcja palety zmienia niektóre kolory kwiatów, co pokazuje porównanie.

Trasowanie kolorowe z Zachowaniem przezroczystości zachowuje istniejące przezroczyste obszary, ale nie usuwa nieprzezroczystego tła. Trasowanie czarno-białe zachowuje ciemne kształty i sprawia, że jasne obszary stają się przezroczyste. Wybierz Biały dla nieprzezroczystego białego płótna.

SVG może być większy niż plik źródłowy. Oceniaj ścieżki i wygląd, a nie tylko rozmiar pliku.

Przykład w tym przewodniku

Preset: Logo; Tryb kolorów; Kolory: 8; Szczegóły: 3; Wygładzanie krzywych: 60; Usuwanie małych plamek: 4; Tło: Zachowaj przezroczystość.

Wejście
640 x 640 px
Wyjście
640 x 640 px
Plik wejściowy
23,812 bajtów
Pobrany plik
12,938 bajtów
Ścieżki wektorowe
14
03

Eksportuj ścieżki SVG

Wybierz Start. Jeden plik wejściowy tworzy SVG; partia plików tworzy archiwum ZIP. Ustawienia dotyczą każdego pliku, więc sprawdź każdą miniaturę, jeśli źródła wymagają różnego traktowania.

Przykład zachowuje płótno 640 x 640 i ma 12,938 bajtów. Otwórz właściwy SVG w edytorze wektorowym, aby sprawdzić ścieżki i wypełnienia. Napisy stają się obrysami, a nie edytowalnym tekstem. Wektoryzacja nie odtworzy oryginalnych czcionek, warstw ani plików projektowych.

Podgląd wektoryzacji wykorzystuje do 1200 pikseli na najdłuższym boku. Finalna konwersja wykorzystuje do 2048 pikseli, zachowując oryginalne wymiary SVG i viewBox. Dlatego duże pliki źródłowe mogą wykazywać inne drobne szczegóły w pliku końcowym.

Te obrazy w artykule to rendery WebP źródła i rzeczywisty SVG. Pobrany plik zawiera ścieżki, a nie bitmapę.

PRZYDATNE SZCZEGÓŁY

Często zadawane pytania

Czy to prawdziwa konwersja wektorowa?

Tak. Wynik zawiera ścieżki i wypełnienia SVG bez osadzania źródłowego PNG lub JPG jako bitmapy.

Czy zachowa każdy oryginalny kolor?

Niekoniecznie. Ograniczenie kolorów zawęża paletę. Wektoryzacja może łączyć podobne kolory lub upraszczać małe obszary, więc sprawdź podgląd.

Czy mogę przetwarzać PNG i JPG razem?

Tak. Do 10 plików o rozmiarze 25 MB każdy. Obowiązują również limity zasobów, 60-megapikselowego źródła oraz złożoności wyjściowej.

Czy napisy stają się edytowalnym tekstem?

Nie. Widoczne litery stają się obrysami wektorowymi. Użyj OCR do rozpoznawania tekstu zamiast wektoryzowanych kształtów.

TWOJA KOLEJ

Wypróbuj przepływ pracy z własnym obrazem i zachowaj oryginalny plik do przyszłych edycji.

Wypróbuj przykład lub użyj własnego pliku i sprawdź wynik przed udostępnieniem.

Otwórz Obraz na SVG

Szczegóły obrazu

Język38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Wybierz język. Samouczki wideo mają obecnie narrację w języku angielskim.