UltKit

Konwertuj PNG do SVG za darmo

PNG to najlepszy rastrowy punkt wyjścia do wektoryzacji: krawędzie są zapisane bezstratnie, a tło często jest już przezroczyste. Prześlij plik PNG, wybierz, ile kolorów zachować, i pobierz SVG z kształtami, które możesz dowolnie skalować i edytować.

Obraz do SVG

lub upuść Pliki JPG, JPEG, JFIF … tutaj ·

Maks. 95 MB na plik· Do 20 plików· Usuwane po 30 min

Wynik
8

Pliki są przetwarzane na naszych serwerach i usuwane po 30 min.

Jak korzystać z narzędzia

  1. 1

    Prześlij plik PNG

    Prześlij logo, ikonę, naklejkę lub rysunek w formacie PNG albo do 20 plików naraz. Większe eksporty wektoryzują się lepiej: PNG o szerokości 1000 px da lepszy wynik niż favicon 64 px.

  2. 2

    Wybierz tryb wektoryzacji

    Przy typowym logo zostaw Tryb kolorów ustawiony na Kolor z 8 kolorami, przy rysunku kreskowym przełącz na Czarno-biały albo ustaw Liczba kolorów dokładnie na tyle, ile ma Twój projekt.

  3. 3

    Pobierz plik SVG

    Kliknij Wektoryzuj na SVG. Otwórz plik, powiększ jakąś krzywą, a jeśli krawędzie wyglądają schodkowo, zwiększ Wygładzanie w sekcji Ustawienia zaawansowane i uruchom ponownie.

Dlaczego PNG najlepiej nadaje się do konwersji na SVG

PNG powstał w 1995 roku jako wolny od patentów zamiennik GIF-a, a w październiku 1996 roku został rekomendacją W3C. Jego kompresja jest bezstratna, więc czerwona krawędź obok białej pozostaje dokładnie taka sama, bez zafalowań i bloków. Dla programu wektoryzującego to idealne dane wejściowe: granica między dwoma kolorami leży dokładnie tam, gdzie wskazują piksele, więc dopasowana krzywa wiernie odtwarza projekt.

PNG może też zawierać kanał alfa, czyli osobną wartość krycia dla każdego piksela. Logo i ikony eksportowane z Figmy, Canvy lub Photoshopa zwykle go używają, a on działa jak gotowa maska: wszystko, co przezroczyste, to tło, a wszystko, co kryjące, to grafika. JPEG tego samego logo ma wypalone białe tło, dlatego JPEG do SVG wymaga silniejszego wygładzania i często opcji Usuń tło.

Ponieważ dane wejściowe są czyste, ta strona używa Szczegółowość 70 i Wygładzanie 40, zachowując małe narożniki i szeryfy, które strony dla JPEG wygładzają. Nasz poradnik PNG na SVG omawia te ustawienia na przykładach.

Wektoryzacja kolorowa, w skali szarości lub czarno-biała

Domyślnie

Kolor

Każde skupisko kolorów staje się osobną warstwą wypełnionych ścieżek.

  • 2–64 kolorów
  • Zachowuje kolory marki
  • Nałożone kształty, łatwa zmiana kolorów
Najlepsze do: Logo, ikony, naklejki, płaskie ilustracje
Odcienie

Skala szarości

Jak tryb kolorów, ale skupiska są odcieniami szarości.

  • 2–64 poziomów szarości
  • Bez zafarbowań
  • Dobre do ołówka i węgla
Najlepsze do: Szkice, ryciny, wydruki monochromatyczne
Dwa tony

Czarno-biały

Jedno cięcie: każdy piksel jest albo tuszem, albo niczym.

  • Próg 1–254
  • Najmniejszy plik
  • Jeden zestaw ścieżek
Najlepsze do: Podpisy, szablony, cięcie winylu i laserem

Próg przy konwersji PNG na SVG dla grafiki liniowej

  1. 60

    Zostaje tylko najciemniejszy tusz

  2. 128

    Domyślny podział w połowie szarości

  3. 170

    Zachowuje blade lub wygładzone kreski

  4. 220

    Jasnoszary staje się czarny; krawędzie grubieją

PNG

Portable Network Graphics

PNG to bezstratny format rastrowy opublikowany w 1996 roku przez PNG Development Group, a później ustandaryzowany przez W3C i ISO. Zachowuje każdy piksel dokładnie, obsługuje pełną przezroczystość alfa i bez artefaktów radzi sobie z tekstem, ostrymi krawędziami i jednolitymi kolorami. Ta precyzja czyni go idealnym do zrzutów ekranu, logo, ikon i grafik interfejsu. Wadą jest rozmiar: zdjęcia zapisane jako PNG są często kilkukrotnie większe niż to samo zdjęcie w JPEG lub WebP. PNG otwierają wszystkie przeglądarki, systemy operacyjne i edytory.

Kompresja
Bezstratna
Przezroczystość
Tak
Animacja
Nie
Rok powstania
1996 · PNG Development Group
Konwerter PNG

SVG

Scalable Vector Graphics

SVG to format wektorowy oparty na XML, ustandaryzowany przez W3C w 2001 roku. Zamiast pikseli opisuje kształty, ścieżki i tekst, dzięki czemu pozostaje ostry w każdym rozmiarze i zwykle jest malutki w przypadku logo i ikon. Obsługuje przezroczystość, style CSS, skrypty i animacje, a każda przeglądarka renderuje go natywnie. SVG nie nadaje się do zdjęć, a złożone ilustracje mogą się wolno renderować. Otwierają i edytują go Illustrator, Inkscape, Figma i przeglądarki.

Kompresja
–
Przezroczystość
Tak
Animacja
Tak
Rok powstania
2001 · W3C
Konwerter SVG

PNG ma już ostre krawędzie i często przezroczyste tło, dlatego wektoryzuje się go do SVG, aby uzyskać logo lub ikonę skalowalną do druku, plotterów tnących i stron responsywnych; SVG na PNG działa w drugą stronę, renderując wektor do pikseli dla aplikacji, które nie czytają SVG.

Przygotuj PNG przed wektoryzacją

  1. Eksportuj w dużym rozmiarze

    Zapisz PNG w dwu- lub trzykrotnie większym rozmiarze niż wyświetlany. Krzywe są dopasowywane do krawędzi pikseli, więc więcej pikseli oznacza wierniejsze krzywe.

  2. Spłaszcz efekty

    Cienie, poświaty i gradienty zamieniają się w dziesiątki cienkich pasów. Ukryj je przed eksportem i w razie potrzeby dodaj z powrotem w SVG.

  3. Policz kolory

    Sprawdź, ile jednolitych kolorów ma projekt, i wpisz tę liczbę. Do pracy na ploterze CNC lub laserze PNG do DXF wektoryzuje ten sam plik do formatu CAD.

PNG na SVG: najczęstsze pytania

Czy mogę zamienić PNG na SVG za darmo bez zakładania konta?

Tak. Możesz przesłać pliki, wektoryzować je i pobrać wyniki bez zakładania konta, do 20 plików w jednej partii. Przesłane pliki PNG i gotowe pliki SVG są usuwane z serwera po 30 minutach.

Co dzieje się z przezroczystymi obszarami pliku PNG?

Kanał alfa w PNG informuje program, które piksele należą do grafiki, więc w pełni przezroczyste obszary pozostają puste i nie zamieniają się w biały kształt. Zwykle nie potrzebujesz opcji Usuń tło; włącz ją tylko wtedy, gdy PNG ma na stałe wypalone jednolite białe lub kolorowe tło.

Dlaczego wokół każdego kształtu w zwektoryzowanej ikonie PNG widać delikatny kontur?

Gładkie krawędzie w PNG są wygładzone (antyaliasing): skrajne piksele są półprzezroczyste lub stanowią mieszankę dwóch kolorów. Program może odczytać tę mieszankę jako dodatkowy cienki kolor. Zmniejsz Liczba kolorów o jeden lub dwa albo zwiększ Wygładzanie, a obwódka połączy się z kształtem.

Jak to wypada w porównaniu z funkcją Image Trace w Illustratorze lub Trace Bitmap w Inkscape?

Zasada jest ta sama: zmniejszenie liczby kolorów, wykrycie krawędzi, dopasowanie krzywych. Illustrator ma gotowe ustawienia, takie jak Black and White Logo i 16 Colors, a Inkscape oferuje odcięcie jasności i skanowanie wielokolorowe. Tutaj odpowiadają im Tryb kolorów, Liczba kolorów i Próg, bez instalowania czegokolwiek.

Czy tekst z pliku PNG stanie się edytowalnym tekstem w SVG?

Nie. Litery są wektoryzowane jako kształty konturowe, co zachowuje ich wygląd, ale nie pozwala ich edytować jak tekstu. Do logo to wystarczy; w zrzucie ekranu pełnym tekstu szybciej będzie przepisać go ręcznie.

Mój PNG ma dokładnie pięć kolorów. Czy SVG zachowa je bez zmian?

Ustaw Liczba kolorów na 5. Program zgrupuje wtedy wszystkie piksele w pięć skupisk, a w PNG z jednolitymi kolorami trafią one na oryginalne kolory.