Darmowy konwerter
PNG do Wektoryzator SVG
Konwertuj obrazy rastrowe PNG/JPG na skalowalną grafikę wektorową SVG. Bezpieczne, szybkie i przetwarzane całkowicie w Twojej przeglądarce.
Przeciągnij i upuść PNG/JPG tutaj
Obsługuje do 50MB
Lub
Konwertuj obrazy rastrowe PNG/JPG na skalowalną grafikę wektorową SVG. Bezpieczne, szybkie i przetwarzane całkowicie w Twojej przeglądarce.
Obsługuje do 50MB
Konwersja PNG do SVG to zasadniczo operacja śledzenia, a nie zmiana formatu. PNG przechowuje piksele; SVG przechowuje prymitywy geometryczne. Przejście od siatki pikseli do skalowalnych ścieżek wektorowych wymaga interpretacji mapy bitowej i narysowania przybliżonych kształtów wokół obszarów o podobnym kolorze. Rezultat jest rzeczywiście skalowalny — można dowolnie zmieniać rozmiar bez pikselizacji — ale nie jest to idealna reprodukcja źródła. Treść fotograficzna jest słabo odwzorowana, ponieważ każda zmiana koloru na poziomie piksela staje się kształtem, tworząc ogromne obrazy SVG, które są sprzeczne z celem. Logo, ikony, grafika liniowa i grafika o wysokim kontraście są czytelne, ponieważ zawierają niewielką liczbę obszarów kolorów z dobrze określonymi granicami.
Ten konwerter korzysta z biblioteki imagetracerjs, portu JavaScript algorytmów śledzenia wektorów podobnego do potrace. Plik PNG jest dekodowany do postaci mapy bitowej RGBA, mapa bitowa jest dzielona na obszary kolorów przy użyciu konfigurowalnej palety, granice każdego regionu są wyznaczane w ścieżce, ścieżki są upraszczane przy użyciu przybliżenia Beziera, a powstałe ścieżki są emitowane jako elementy ścieżki SVG. Cały potok działa w Twojej przeglądarce bez konieczności przesyłania na serwer.
Parametry śledzenia kontrolują kompromis między wiernością a rozmiarem pliku. Więcej kolorów i drobniejszych szczegółów tworzy większy plik SVG, który lepiej odpowiada źródłu; mniejsza liczba kolorów i grubsze odwzorowanie dają mniejszy plik SVG o bardziej stylizowanym wyglądzie. Domyślne ustawienia są dostosowane do logo i ikon; złożone obrazy mogą zyskać na przejściu z dostosowanymi ustawieniami lub mogą po prostu nie nadawać się do wektoryzacji.
Wektoryzacja pliku PNG jest najbardziej przydatna, gdy trzeba przeskalować obraz powyżej jego oryginalnej rozdzielczości. Zwłaszcza logo często pojawia się w formacie PNG w niewielkich rozmiarach i musi wyglądać wyraźnie na billboardach, wyświetlaczach siatkówkowych i wydrukach wielkoformatowych. Ślad wektorowy tworzy plik SVG, który skaluje się bez utraty jakości; kompromisem jest wierność oryginalnym pikselom.
SVG jest również znacznie bardziej kompaktowy niż PNG w przypadku grafiki z kilkoma kolorami i dużymi, płaskimi obszarami. Ikona PNG o wymiarach 256×256 może mieć rozmiar 8 KB; odpowiednik SVG z dwoma lub trzema kolorami często ma mniej niż 1 KB. W przypadku bibliotek ikon interfejsu użytkownika dostarczanych do interfejsu internetowego wersje wektorowe zmniejszają rozmiar pakietu i poprawiają ostrość przy wszystkich gęstościach wyświetlania.
Upuść plik PNG, wybierz ustawienia śledzenia i wygeneruj plik SVG.
imagetracerjs implementuje wieloetapowy potok: kwantyzacja kolorów redukuje bitmapę do ustalonej liczby kolorów za pomocą grupowania k-średnich lub cięcia mediany; wykrywanie krawędzi identyfikuje granice pikseli pomiędzy regionami; śledzenie konturów podąża za granicami, tworząc zamknięte wielokąty; dopasowywanie linii i krzywych przybliża wielokąty za pomocą krzywych Beziera, aby zredukować dane dotyczące ścieżki.
Parametry algorytmu, które mają największe znaczenie, to liczba kolorów (typowo: 4–32), pathomit (ścieżki krótsze niż ta liczba pikseli są odrzucane jako szum), ltres (tolerancja linii — jak daleko może odchylić się krawędź przed podziałem na nowy segment) i qtres (tolerancja krzywej kwadratowej — jak agresywnie wygładzane są krzywe). Wartości domyślne sprawdzają się dobrze w przypadku logo; złożone obrazy korzystają z dostrajania poszczególnych obrazów.
Dane wyjściowe to standardowy SVG 1.1 z elementami ścieżki. Każdy region koloru staje się jedną ścieżką z atrybutem wypełnienia. Wynikowy plik otwiera się w dowolnej przeglądarce, edytorze wektorów lub narzędziu do projektowania obsługującym SVG. Rozmiar pliku zależy przede wszystkim od liczby ścieżek i gęstości węzłów; typowe śledzone logo ma rozmiar 1–10 KB.