Wektoryzacja obrazu: jak zamienić piksele w czyste, edytowalne ścieżki

Raster a wektor w jedną minutę

Obraz rastrowy to siatka kolorowych kwadracików. Logo o wymiarach 500 × 500 składa się z 250 000 takich pikseli, a po powiększeniu kwadraciki rosną: krawędzie stają się najpierw poszarpane, a potem rozmyte. Obraz wektorowy zapisuje to samo logo jako krótką listę kształtów, z których każdy jest konturem z linii i krzywych oraz kolorem wypełnienia. Po powiększeniu program po prostu rysuje krzywe od nowa w nowym rozmiarze, więc krawędzie pozostają idealnie ostre.

Dlatego drukarnie, firmy robiące szyldy, hafciarnie, plotery tnące i lasery proszą o wektory: ploter jedzie po ścieżkach, a nie po pikselach, a drukarnia banerów potrzebuje grafiki, która wytrzyma dwa metry szerokości. SVG to najszerzej obsługiwany format wektorowy; otwierają go Illustrator, Inkscape, Figma, Affinity, Canva, Cricut Design Space, LightBurn i każda przeglądarka.

Co naprawdę robi obrysowywanie

Program obrysowujący odpowiada na dwa pytania o Twój obraz: które obszary należą do siebie i gdzie dokładnie biegną ich krawędzie. Vectorize.tools robi to w trzech krokach, wszystkich w Twojej przeglądarce:

• Wybór kolorów. W trybie kolorowym obraz jest redukowany do wybranej liczby kolorów (od 2 do 32). Każdy piksel trafia do najbliższego koloru z palety, więc logo z wygładzanymi krawędziami ma dokładnie swoje prawdziwe kolory zamiast setek pośrednich odcieni.
• Znajdowanie kształtów. Stykające się piksele tego samego koloru są łączone w obszary. Plamki mniejsze, niż pozwala ustawienie Szczegóły, są scalane z sąsiadami, dzięki czemu szum JPEG nie trafia do pliku.
• Dopasowanie krzywych. Schodkowy kontur każdego obszaru jest upraszczany i dopasowywany prostymi odcinkami oraz gładkimi krzywymi Béziera. Wygładzanie decyduje, gdzie narożnik zostaje narożnikiem, a gdzie staje się krzywą.

W trybie czarno-białym obraz jest najpierw dzielony na tusz i papier według progu jasności (albo przez porównanie każdego piksela z otoczeniem, gdy włączone jest Wyrównaj oświetlenie), a potem obrysowywany przez Potrace, klasyczny program do obrysu w jednym kolorze, który daje wyjątkowo gładkie krzywe z niewielką liczbą węzłów.

Żaden z tych kroków niczego nie wymyśla: każda krawędź w SVG to krawędź, która jest w Twoich pikselach. Na tym polega różnica w porównaniu z proszeniem AI o narysowanie obrazu od nowa, o czym piszemy w Obraz z ChatGPT na SVG.

Jakich ustawień użyć

Każdy profil to punkt wyjścia; narzędzie wybiera jeden, gdy upuszczasz obraz, a Ty możesz go zmienić w każdej chwili. Oto wartości, które ustawiają profile:

Kolory to najważniejszy suwak. Policz kolory, które widzisz w oryginale, i ustaw dokładnie tyle; o jeden więcej, jeśli dwa podobne odcienie się zlewają, o jeden mniej, jeśli przypadkowy odcień pośredni pojawia się jako cienki kontur wokół kształtów.

Szczegóły to wybór między wiernością a czystym plikiem. Zwiększ je dla drobnego tekstu i cienkich linii; zmniejsz dla skanów, plików JPEG i wszystkiego z kurzem lub szumem.

Wygładzanie decyduje o charakterze krzywych. Niskie wartości zachowują ostre narożniki (pixel art, geometryczne logo); wysokie dają płynne krzywe z mniejszą liczbą węzłów (ręczne liternictwo, organiczne kształty, pliki do cięcia).

Jak szybko działa: pomiary

Uruchomiliśmy silnik używany przez tę stronę na pięciu obrazach testowych i zamieniliśmy każde SVG z powrotem na piksele, żeby zmierzyć, jak bardzo przypomina oryginał. Błąd to średnia różnica na kanał koloru w skali od 0 do 255, więc niższy oznacza bliżej oryginału. Pomiar z 23 września 2026 w Node 22 na procesorze serwerowym; telefon potrzebuje mniej więcej od dwóch do czterech razy więcej czasu.

Ta prawidłowość dotyczy każdego programu do obrysu: płaska grafika zamienia się niemal idealnie w malutki plik, a zdjęcie potrzebuje tysięcy kształtów, żeby przypominać samo siebie, i nigdy nie jest dokładną kopią. Przy zdjęciach mniej kolorów daje wyrazisty, plakatowy wygląd i dużo mniejszy plik.

Jak przygotować obraz źródłowy

• Użyj największej i najostrzejszej wersji, jaką masz. Obrysowywanie nie odzyska szczegółów, których nie ma w pikselach. Logo węższe niż 1000 pikseli jest automatycznie powiększane przed obrysowaniem, ale rozmyte źródło i tak da rozmyty obrys; wcześniejsze powiększenie narzędziem do powiększania pomaga bardziej.
• Najpierw usuń zatłoczone tło. Przy zdjęciu produktu, zwierzęcia albo osoby wytnij obiekt w Clipout i obrysuj przezroczysty PNG. Przezroczyste obszary zostają puste w SVG.
• Przytnij do samej grafiki. Każdy dodatkowy obszar kosztuje kolory i ścieżki.
• Unikaj mocnej kompresji JPEG. Kanciaste artefakty przy krawędziach zamieniają się w dodatkowe kształty. Eksport tej samej grafiki do PNG obrysowuje się czyściej.

Jak przygotować SVG do miejsca docelowego

• Cricut Design Space: wgraj SVG jako obraz wektorowy^[1]. Ustaw Warstwy na Wycięte, żeby kolory nie nakładały się na siebie, i zmień rozmiar w Design Space przed cięciem. Szczegóły: SVG do Cricut i Silhouette.
• Silhouette Studio: Silhouette wymienia import SVG wśród funkcji swojej Business Edition^[2]; bez niej użyj eksportu PNG i wbudowanego obrysowywania Silhouette.
• Lasery (LightBurn, Glowforge, xTool): wszystkie trzy importują SVG^[3][4][5][6]. Kształty są wypełnione; ustaw każdy na cięcie, nacinanie lub grawerowanie. Szczegóły: cięcie i grawerowanie laserem.
• Haft: trzymaj się 4 do 6 kolorów i pozwól programowi do digitalizacji zamienić kształty na ściegi. Szczegóły: przygotowanie do haftu.
• Druk i internet: SVG działa bez zmian. Dla drukarni, która chce PNG, użyj eksportu PNG w podanej przez nią szerokości, do 8192 pikseli na komputerze.

Prywatność: dlaczego nic nie jest wysyłane

Większość konwerterów online wysyła Twój obraz na serwer i tam go obrysowuje. Vectorize.tools zamiast tego dostarcza silnik obrysowujący do Twojej przeglądarki jako WebAssembly, więc obraz jest dekodowany, obrysowywany i eksportowany na Twoim własnym urządzeniu. Dlatego też jest darmowy bez limitów: obrysowanie nic stronę nie kosztuje. Możesz to sprawdzić w panelu sieci przeglądarki, a po pierwszej wizycie narzędzie działa dalej offline.