Konwerter obrazu na SVG

Zamień obraz rastrowy w skalowalny wektor

Pliki PNG i JPG składają się z pikseli, dlatego po powiększeniu stają się rozmyte lub kanciaste. SVG opisuje ten sam obraz za pomocą kształtów matematycznych, dzięki czemu pozostaje idealnie ostry w każdym rozmiarze — na wizytówce, billboardzie czy ekranie smartfona o wysokiej gęstości pikseli. Ten konwerter obrazu na SVG obrysowuje kontury każdego obszaru koloru na Twoim obrazie i odtwarza je jako ścieżki wektorowe. Świetnie sprawdza się przy odzyskiwaniu logo, gdy masz tylko mały plik PNG, zamianie zeskanowanego szkicu lub podpisu w czystą grafikę liniową, przygotowaniu projektu dla plotera tnącego lub grawerki laserowej albo tworzeniu lekkich ikon na stronę internetową.

Wektoryzacja odbywa się w całości w Twojej przeglądarce przy użyciu otwartoźródłowej biblioteki imagetracerjs. Twój obraz nigdy nie jest przesyłany, więc poufne szkice i projekty klientów pozostają na Twoim urządzeniu. Duże obrazy są najpierw zmniejszane do wybranej rozdzielczości obrysu, aby proces przebiegał szybko, a powstały plik SVG jest następnie skalowany z powrotem, by zachować oryginalne wymiary.

Wybór kolorów, szczegółowości i wygładzania

Suwak kolorów określa, do ilu jednolitych kolorów obraz zostanie zredukowany przed obrysowaniem. Dwa kolory dają wyrazisty czarno-biały szablon, 8–16 kolorów pasuje do większości logotypów i ilustracji, a wyższe wartości zachowują więcej cieniowania kosztem większego pliku. Ustawienie szczegółowości decyduje, jak wiernie ścieżki podążają za pikselami i jak mały może być kształt, zanim zostanie pominięty: „Low” daje gładki, zwarty wynik, a „High” zachowuje drobne detale i nawet najmniejsze plamki. Wstępne rozmycie łagodzi szum i artefakty JPEG przed obrysowaniem, usuwając postrzępione krawędzie i przypadkowe kropki na zdjęciach i skanach niskiej jakości.

Wskazówki, jak uzyskać najczystszy wynik

Zacznij od największego i najczystszego obrazu źródłowego, jaki masz, i przytnij wszystko, czego nie potrzebujesz. W przypadku logo najpierw wypróbuj niewiele kolorów ze szczegółowością „Medium” i zwiększaj je tylko wtedy, gdy znikają fragmenty. Obserwuj liczbę ścieżek i rozmiar pliku wyświetlane po każdym przebiegu: prosta ikona powinna wymagać dziesiątek lub setek ścieżek, a nie dziesiątek tysięcy. Pobrany plik SVG zawiera viewBox, więc skaluje się responsywnie w HTML i CSS, a także można go otworzyć w dowolnym edytorze wektorowym, aby zmienić kolory kształtów, usunąć warstwę tła lub dodatkowo uprościć ścieżki.