Darmowy konwerter online PNG do SVG

Maszyny tnące, interfejsy webowe i skalowalne przepływy pracy związane z drukowaniem mogą wymagać formatu SVG zamiast PNG. Konwersja jest przydatna, gdy potrzebujesz edytowalnych ścieżek lub grafiki niezależnej od rozdzielczości, ale trasowanie nie może odzyskać szczegółów wektorowych, których nie było w źródłowym obrazie rastrowym.

Czym jest PNG

PNG (Portable Network Graphics) to format rastrowy, który przechowuje obraz jako siatkę pikseli. Wykorzystuje bezstratną kompresję i obsługuje przezroczystość za pośrednictwem kanału alfa, dzięki czemu jest często używany do zrzutów ekranu, grafiki interfejsów, diagramów, ikon, przezroczystych logo i obrazów webowych.

Przeglądarki webowe oraz edytory grafiki, takie jak GIMP, Adobe Photoshop, Affinity Photo, Krita i Inkscape, mogą otwierać lub tworzyć pliki .png. PNG nadaje się do fotografii i szczegółowej grafiki, ale jego wymiary w pikselach ograniczają możliwość powiększania, zanim krawędzie staną się rozmyte lub poszarpane.

Czym jest SVG

SVG (Scalable Vector Graphics) to format oparty na XML, który opisuje kształty, ścieżki, wypełnienia, obrysy i tekst za pomocą danych geometrycznych, a nie stałej siatki pikseli. Przeglądarki, aplikacje do tworzenia ilustracji, oprogramowanie do składu stron oraz wiele systemów do cięcia winylu, laserowego i rzemieślniczego obsługuje pliki .svg.

Grafikę SVG można powiększać i pomniejszać bez pikselizacji. Jej ścieżki i kolory można edytować indywidualnie, a pliki są często mniejsze niż obrazy rastrowe, gdy zawierają proste logo, ikony, diagramy, płaskie ilustracje lub grafikę liniową. Fotografie, złożone tekstury i mocno cieniowane grafiki zazwyczaj lepiej pozostawić w formacie PNG lub innym formacie rastrowym.

Jak przekonwertować PNG do SVG

Rzeczywista konwersja zwykle oznacza wektoryzację: oprogramowanie analizuje piksele i tworzy ścieżki wektorowe, które je przybliżają. Plik, którego nazwa została zmieniona tak, aby miała rozszerzenie .svg, nie został przekonwertowany, a plik SVG zawierający jedynie osadzony oryginalny PNG nie zapewnia edytowalnej grafiki wektorowej.

Korzystanie z wbudowanego konwertera online

1. Otwórz konwerter PNG do SVG na stronie 101convert.com.
2. Prześlij plik .png i wybierz SVG jako format wyjściowy, jeśli jest wyświetlany selektor formatu.
3. Rozpocznij konwersję i pobierz wynikowy plik .svg. Konwersję można wykonać bezpłatnie, bez instalowania oprogramowania.
4. Otwórz wynik w przeglądarce lub edytorze wektorowym. Sprawdź krawędzie, kolory, przezroczystość, wymiary oraz to, czy wynik zawiera zaznaczalne ścieżki, a nie tylko osadzony bitmap.

Automatyczna konwersja daje najlepsze rezultaty w przypadku czystej grafiki o wysokim kontraście i wyraźnie rozdzielonych kolorach. Jej wynik może zawierać osadzony obraz rastrowy, ścieżki wektorowe lub oba te elementy, dlatego przed użyciem w procesie cięcia lub produkcji należy go sprawdzić.

Korzystanie z Inkscape w celu uzyskania edytowalnych ścieżek

1. Zainstaluj Inkscape w systemie Windows, macOS lub Linux i wybierz File → Import, aby umieścić plik PNG w dokumencie.
2. Zaznacz zaimportowany obraz i wybierz Path → Trace Bitmap.
3. W przypadku grafiki monochromatycznej użyj opcji Single scan → Brightness cutoff i dostosuj próg, aż podgląd będzie odpowiadał źródłu. W przypadku grafiki z płaskimi kolorami użyj opcji Multiple scans → Colors i ustaw liczbę skanów zbliżoną do liczby zamierzonych kolorów.
4. Kliknij Apply. Inkscape umieści obiekt wektorowy utworzony przez trasowanie nad oryginalnym bitmapem. Przesuń górny obiekt na bok, aby go sprawdzić, a następnie usuń PNG, jeśli plik SVG ma zawierać wyłącznie grafikę wektorową.
5. W razie potrzeby usuń niepożądane ścieżki i uprość nadmiernie złożone kształty.
6. Wybierz File → Save As, wybierz Plain SVG w celu zapewnienia szerokiej zgodności lub Inkscape SVG, aby zachować dane charakterystyczne dla Inkscape, a następnie zapisz plik jako image.svg.

W przypadku prostych obrazów czarno-białych Potrace może generować ścieżki SVG, ale dane wejściowe PNG muszą najpierw zostać przekonwertowane do odpowiedniego formatu bitmapowego, takiego jak PBM. Inkscape jest bardziej praktyczny w przypadku kolorowej grafiki i ręcznego czyszczenia.

Ograniczenia jakości i zgodności

Trasowanie przybliża granice pikseli za pomocą ścieżek. Wygładzone krawędzie, artefakty kompresji, cienie, gradienty, przezroczystość i szczegóły fotograficzne mogą tworzyć niedokładne kształty, nadmierną liczbę węzłów lub bardzo duże pliki SVG. Czyste źródło o wysokiej rozdzielczości i jednolitym tle daje lepsze rezultaty niż mały, zaszumiony plik PNG.

Przed trasowaniem usuń niepożądane piksele tła lub użyj przezroczystości, jeśli ustawienia konwersji ją obsługują. Ogranicz liczbę trasowanych kolorów i upraszczaj ścieżki, gdy wynik jest powolny w edycji lub nietypowo duży. Jeśli oryginalne logo lub ilustracja istnieje w formacie SVG, PDF, EPS albo innym źródłowym formacie wektorowym, użyj tego pliku zamiast trasować PNG.

Aplikacje do cięcia i produkcji mogą wymagać zamkniętych ścieżek, przekonwertowanego tekstu, określonych kolorów obrysów lub braku osadzonego bitmapu. Czcionki mogą zostać zastąpione, gdy tekst SVG zostanie otwarty w innym systemie, dlatego w przypadku konieczności zachowania spójnego wyglądu liter przekonwertuj tekst na ścieżki. Filtry, tryby mieszania, maski i efekty charakterystyczne dla konkretnego edytora mogą być renderowane inaczej, ponieważ aplikacje obsługują różne podzbiory SVG; format Plain SVG lub eksport zgodny z SVG 1.1 jest zazwyczaj bezpieczniejszy w przypadku użycia w różnych aplikacjach.