Przejdź do treści

Konwertuj PNG na SVG

Zamień plik PNG lub JPG na skalowalną grafikę wektorową SVG. Gotowe ustawienia dla logo i ilustracji, a cały proces odbywa się w przeglądarce.

Upuść obraz do wektoryzacjiPNG, JPG, WebP… najlepiej sprawdzają się logo i proste grafiki
Wybierz obrazPrzetwarzane na urządzeniu – pliki nie opuszczają urządzenia
Działa w przeglądarce · bez przesyłania na serwerJak to działa

Jak korzystać: PNG na SVG

  1. 1

    Upuść obraz

    Dodaj plik PNG, JPG, WebP lub inny obraz o rozmiarze do 25 MB. Najlepiej wektoryzują się logo, ikony, podpisy i płaskie ilustracje.

  2. 2

    Wybierz styl

    Styl Czarno-biały tworzy jednokolorowe kształty na podstawie progu jasności, Kolor używa do 32 kolorów, a Szczegółowy – do 64.

  3. 3

    Dopracuj ścieżki

    Zwiększ Wygładzanie, by krzywe były bardziej zaokrąglone, użyj opcji Filtr szumów, by usunąć drobne plamki, i włącz lub wyłącz Usuń tło.

  4. 4

    Zapisz plik SVG

    Porównaj wynik z oryginałem, a potem pobierz plik name.svg lub skopiuj Kod SVG do swojego projektu.

Limity i Pro

Jeden obraz do 25 MB naraz, wektoryzowany przy dłuższym boku do 2000 px i z użyciem do 64 kolorów.

Plan Pro przyjmuje obrazy źródłowe do 4 GB. Zobacz Pro

O narzędziu: PNG na SVG

Konwerter PNG na SVG wykrywa kontury na obrazie rastrowym i odtwarza je jako ścieżki wektorowe, dzięki czemu wynik możesz skalować od favicony po billboard, bez widocznych pikseli. Najpierw obraz jest sprowadzany do palety kolorów za pomocą kwantyzatora median-cut, a w trybie czarno-białym do jednego koloru kształtu. Następnie silnik imagetracerjs obrysowuje każdy obszar koloru. Plik SVG zawiera jeden element path na każdą warstwę koloru, zachowuje szerokość i wysokość oryginału i może pominąć warstwę tła, dzięki czemu logo staje się przezroczyste.

Trzy poziomy rozdzielczości wektoryzacji to kompromis między szybkością a szczegółowością: Szybka pracuje na 800 pikselach dłuższego boku, Zrównoważona na 1200, a Wysoka na 2000. Wygładzanie sięga od ustawienia Dokładne, które odwzorowuje każdy schodek pikseli, do Maksymalne, które mocno zaokrągla narożniki. Filtr szumów usuwa wyspy mniejsze niż wybrana wartość, do 40 pikseli. Statystyki pod podglądem pokazują liczbę ścieżek i kolorów, co dobrze oddaje, jak ciężki będzie plik.

Dobrze nadają się logo firmy, które istnieje tylko jako PNG, zeskanowany podpis lub pieczątka, plik do ploterów tnących i grawerów laserowych oraz proste ikony. Fotografie sprawdzają się słabo: wychodzą spłaszczone kolorystycznie, a szczegółowe zdjęcie może dać SVG o wielu megabajtach, większy i wolniejszy niż JPG. Gradienty zamieniają się w widoczne pasy, tekst staje się kształtami, a nie edytowalnymi literami, a bardzo cienkie linie mogą się rozpadać przy niskiej rozdzielczości.

Prywatność

Wektoryzacja działa w osobnym wątku Web Worker w tej karcie: obraz jest dekodowany na urządzeniu, kwantyzowany i obrysowywany przez imagetracerjs, a plik SVG powstaje lokalnie. Kod wektoryzatora pobierany jest z tej strony dopiero po wybraniu obrazu. Ani obraz, ani SVG nie są przesyłane na serwer ani nigdzie przechowywane po zamknięciu strony.

Funkcje

Czyste ścieżki wektorowe

Jedna zwarta ścieżka na warstwę koloru, skalowalna do dowolnego rozmiaru bez pikseli.

Trzy style

Czarno-biały do logo i podpisów, Kolor do płaskiej grafiki, Szczegółowy do bogatszych ilustracji.

Wygładzanie i filtr szumów

Zaokrąglij poszarpane schodki i usuń drobne plamki przed pobraniem.

Skopiuj kod

Wklej kod SVG prosto do HTML, CSS lub programu graficznego.

PNG na SVG: najczęstsze pytania

Które obrazy najlepiej konwertować na SVG?
Obrazy o wyraźnych krawędziach i niewielu kolorach: logo, ikony, rysunki liniowe, podpisy, pieczątki, płaskie ilustracje i proste diagramy, najlepiej o szerokości co najmniej 500 pikseli. Dla grafiki jednokolorowej zacznij od stylu Czarno-biały, a dla płaskiej grafiki wybierz Kolor z 4–8 kolorami. Fotografie i łagodne gradienty dają tysiące drobnych kształtów, więc lepiej zostać przy oryginalnym JPG lub PNG.
Jak uzyskać logo SVG z przezroczystym tłem?
Pozostaw włączoną opcję Usuń tło; w trybie czarno-białym jest domyślnie włączona. Najczęstszy kolor na krawędziach obrazu jest traktowany jako tło i pomijany, więc zostają tylko kształty logo. W trybie czarno-białym użyj opcji Odwróć dla jasnego logo na ciemnym tle i wybierz Kolor kształtu. Przed pobraniem sprawdź wygląd na podglądzie w szachownicę.
Dlaczego mój plik SVG ma postrzępione lub zaszumione krawędzie?
Wektoryzacja podąża za pikselami, które widzi, więc rozmyte, małe lub mocno skompresowane obrazy dają poszarpane kontury i zbłąkane plamki. Ustaw Rozdzielczość wektoryzacji na Wysoką, zwiększ Wygładzanie do Wysokie lub Maksymalne, by krzywe były gładsze, i podnieś Filtr szumów do 10–20 pikseli, by usunąć plamki. Większy i czystszy obraz źródłowy poprawi wynik bardziej niż jakiekolwiek ustawienie.
Czy wynik to prawdziwy plik wektorowy?
Tak. Pobierany plik to standardowy SVG złożony z elementów path z kolorami wypełnienia, bez osadzonej bitmapy, więc skaluje się do dowolnego rozmiaru bez pikseli i otwiera się w programach Illustrator, Inkscape, Figma, Affinity oraz w każdej przeglądarce. Możesz tam zmieniać kolory warstw, usuwać kształty lub upraszczać węzły. Tekst z oryginału zamienia się w kontury, więc nie da się go edytować jako liter.
Czy mogę użyć pliku SVG w Cricut, ploterze lub wycinarce laserowej?
Zazwyczaj tak. Tryb czarno-biały z opcją Usuń tło tworzy wypełnione kształty bez prostokąta tła, które oprogramowanie do cięcia i grawerowania może zaimportować bezpośrednio. Użyj Filtra szumów, by usunąć drobne elementy, których nie da się oddzielić, oraz wyższego wygładzania dla czystych krzywych. W programie swojej maszyny sprawdź, czy małe otwory, na przykład wnętrza liter, wyglądają tak, jak oczekujesz.

Inne zadania z tym narzędziem