Prawdziwe ścieżki wektorowe, a dokładność podawana jest jako liczba
Wyszukaj ten temat, a większość wyników nie wektoryzuje niczego. Twój PNG jest kodowany do base64, osadzany jako znacznik obrazka w powłoce SVG i zwracany z powrotem. Zmienia się rozszerzenie, ale piksele pozostają te same. Po powiększeniu rozmazuje się dokładnie tak jak PNG, którym nadal jest, a po otwarciu w Illustratorze nie masz nic do edycji. Sprawdzenie zajmuje dziesięć sekund: otwórz plik w edytorze tekstu. Jeśli widzisz ścianę base64, otrzymałeś tylko zmianę nazwy pliku.
Co faktycznie generuje to narzędzie
Kształty. Tracer wykrywa krawędzie w Twoim obrazie i zapisuje je jako prawdziwe elementy ścieżek SVG pogrupowane według kolorów, dzięki czemu możesz skalować wynik bez końca i edytować każdą krzywą w Illustratorze, Figma lub Inkscape. Dla dwukolorowego logo o wymiarach 267 na 87 pikseli wynik zawierał 8 elementów ścieżek, nigdzie w pliku nie było base64, a oba kolory źródłowe zachowane były jako dokładne wartości hex. SVG miało też rozmiar 267 na 87, więc można je wstawić na stronę jako bezpośredni zamiennik PNG, z którego powstało.
Dokładność jest mierzona, nie deklarowana
Każdy wynik posiada ocenę wierności i nie jest to szacunek. Gotowy SVG jest renderowany z powrotem do pikseli i porównywany z oryginalnym obrazem piksel po pikselu, a procent, który wychodzi, to właśnie to, co widzisz. Dwukolorowe logo uzyskało wynik 99,5. W korpusie testowym każda płaska grafika osiąga 99 lub więcej, a trzy z nich mają dokładnie 100,0. Prawdziwe logo produkcyjne, biało-czerwony logotyp na przezroczystości, uzyskało 99,7 w pliku 9,5 KB z 3 warstwami kolorów i 19 ścieżkami.
Dlaczego śledzone logotypy zwykle wyglądają źle i jak temu zaradzono
Antyaliasing to powód, dla którego większość tracerów tworzy poświatę kropek wokół każdej litery. Miękkie odcienie przy krawędzi nie są kolorami projektu, to rozmycie, a tracer traktujący je jak kolory wiernie odwzoruje rozmycie. Kolory są tu wykrywane w natywnej rozdzielczości obrazu, więc te odcienie rozpoznawane są jako rozmycie krawędzi i usuwane, zamiast zamieniać się w kształty. Druga klasyczna wada to mikroszczeliny między sąsiadującymi kolorami, widoczne jako cienkie jasne linie przebiegające przez grafikę. Warstwy kolorów są budowane z nałożeniem, więc te szczeliny nie mogą powstać.
Przezroczystość i kontur, który zwykle ją psuje
Piksele o przezroczystości poniżej połowy traktowane są jako tło i wykluczane z każdego śledzonego kształtu, więc SVG pozostaje przezroczyste tam, gdzie PNG też było. Trudniejszym problemem jest obwódka: jednopikselowy pierścień koloru tła, który większość tracerów zostawia wokół przezroczystego logo, niewidoczny na białym, a oczywisty, gdy logo pojawi się na ciemnym tle. Tutaj jest on usuwany przez trapping, technikę zapożyczoną z druku. Każda warstwa koloru jest powiększana o jeden piksel, ale tylko wzdłuż pasa graniczącego z przezroczystością, więc obwódka jest zakryta bez przesuwania żadnej krawędzi wewnątrz grafiki.
Małe i lekko rozmazane to standardowy przypadek
Większość osób proszących o wersję wektorową nie ma czystego pliku źródłowego. Mają mały PNG wyeksportowany lata temu. To właśnie taki przypadek jest zoptymalizowany w tym silniku: mały obraz z antyaliasingiem jest powiększany przed śledzeniem, co daje tracerowi subpikselowe informacje o tym, gdzie naprawdę przebiegają krawędzie, więc krzywe podążają za kształtami narysowanymi przez projektanta, a nie za schodkami małego pliku. Logo 267 pikseli zostało śledzone przy szerokości 1024, i wynik to odzwierciedla. Uczciwe ograniczenie jest takie, że śledzenie może odzyskać tylko to, co piksele jeszcze zawierają. Favicon 30 pikseli zawiera bardzo mało informacji o własnych krzywiznach i nic nie wymyśli szczegółów, które nigdy nie zostały zapisane.
Fotografie działają, a narzędzie informuje, że nie powinny
Fotografia nie ma kształtów do odzyskania. To ton ciągły, więc śledzenie daje upostaciowaną aproksymację: ciekawą jako styl artystyczny, błędną jako kopię. Pomiar sprawia, że nie da się tego ukryć. Testowy obraz tonów ciągłych uzyskał 95,4 procent wobec 99,5 dla płaskiego logo, a tam, gdzie logo potrzebowało 2 warstw kolorów i 8 ścieżek, fotografia wymagała 16 warstw i 9 899 ścieżek. Wynik zawiera też informację, że obraz to ton ciągły i że PNG pozostaje wiernym formatem. Jeśli chcesz efekt upostaciowania celowo, ustaw liczbę kolorów samodzielnie i zaakceptuj taki wynik.
Kolory lub czysta czerń i biel
Domyślnie paleta jest wykrywana automatycznie z projektu, więc dwukolorowe logo śledzi się jako dwie czyste warstwy zamiast dwóch warstw z pierścieniem odcieni antyaliasingu udających kolory, a bogatsza grafika zachowuje do 16. Możesz ustawić liczbę samodzielnie od 2 do 32: mniej dla czystszego, bardziej stylizowanego efektu, więcej dla lepszego odwzorowania kolorów. Dla zeskanowanych podpisów, pieczątek i grafiki liniowej jest osobny tryb czarno-biały, który automatycznie dobiera próg z histogramu obrazu lub przyjmuje wartość od Ciebie w zakresie od 1 do 254 i zwraca pojedynczy, wyraźny czarny rysunek na przezroczystości.
Co dzieje się z Twoimi plikami
Kilka obrazów śledzi się z tymi samymi ustawieniami i wraca jako jeden ZIP pod oryginalnymi nazwami plików. Pliki przesyłane są przez szyfrowane połączenie i usuwane z serwera godzinę po przygotowaniu wyniku.
Co otrzymujesz
- Prawdziwe elementy ścieżek SVG pogrupowane według kolorów, edytowalne w każdym programie wektorowym
- Zmierzony procent wierności dla każdego pliku, a nie tylko deklaracja wysokiej jakości
- Antyaliasing usunięty zamiast śledzenia go jako poświaty kropek
- Zachowana przezroczystość, z usuniętą jednopikselową obwódką tła dzięki trappingowi
- Automatyczne wykrywanie palety, liczba kolorów do ustawienia i tryb czarno-biały dla grafiki liniowej
- Bez konta, bez znaku wodnego, a pliki usuwane z serwera godzinę później
Co dalej?
Chcesz zrobić odwrotnie i zamienić wektor z powrotem na piksele do formularza przesyłania lub maila? SVG na PNG wygeneruje go w dowolnym rozmiarze. Zanim wyślesz śledzony plik, Kompresuj SVG usuwa śmieci z edytora, a Kompresuj PNG obsłuży oryginalny raster, jeśli chcesz go również zachować.