Metoda i testowanie

Jak działa VectorizeThis i jak testujemy wyniki

Wektoryzacja odbudowuje piksele jako kształty. VectorizeThis robi to lokalnie, porównuje obrysy i równoważy podobieństwo wizualne, użyteczną geometrię SVG oraz rozsądną złożoność.

Od pikseli rastra do ścieżek wektorowych

Pliki PNG, JPEG, JPG, WebP, AVIF i BMP przechowują siatkę pikseli. SVG zapisuje kształty, wypełnienia i współrzędne, które zgodny program może rysować w różnych rozmiarach. Wektoryzacja analizuje sąsiednie piksele, grupuje widoczne obszary, wyznacza ich granice i przybliża je ścieżkami wektorowymi.

Zmiana nazwy pliku lub umieszczenie mapy bitowej w kontenerze SVG nie wykonuje tej rekonstrukcji. VectorizeThis tworzy rzeczywistą geometrię SVG z widocznego źródła.

Przetwarzanie pozostaje w przeglądarce

Obsługiwane obrazy są dekodowane, obrysowywane, oceniane i przygotowywane na urządzeniu użytkownika. Zwykła konwersja nie wysyła bajtów źródłowych do serwera konwersji. Lokalne działanie pozwala też porównywać kilka możliwych wyników bez oczekiwania na odpowiedź serwera przy każdej zmianie.

Porównywanie kandydatów obrysu

Nie istnieje jedna konfiguracja obrysu najlepsza dla każdego obrazu. Płaska ikona i zdjęcie zawierają inne informacje, a plik do cięcia ma inne wymagania niż ilustracja internetowa.

Grafika porównuje sześć metod monochromatycznych albo 10, 16, 18 lub 20 kandydatów kolorowych w maksymalnie czterech obsługiwanych profilach palety. Gdy pozostaje kilka przydatnych wyników, wybiera się paletę, a potem SVG. Zdjęcie i Złożona ilustracja zachowują własny optymalizator. Produkcja zachowuje fizyczne wymiary i kontrole geometrii przy wyłączonym SVGO. Proces wyjaśnia dokumentacja automatycznego wyboru.

Najlepszy wynik oznacza zatem kandydata z najlepszym ogólnym kompromisem dla obrazu i zastosowania. Nie musi mieć najwyższego podobieństwa pikseli ani najmniejszego rozmiaru.

Zastosowanie zmienia priorytety

Kontrole produkcyjne wykrywają możliwe problemy, ale nie uwzględniają każdej maszyny, materiału, ostrza, rzazu, ustawienia importu lub reguły konkretnej aplikacji.

Normalizacja i sprawdzanie wyniku

Po obrysie VectorizeThis przygotowuje SVG pod kątem zgodności z przeglądarkami i edytorami, usuwa zbędny kod i stosuje wybrane opcje wyniku. Może udostępnić małą paletę do zmiany kolorów, używać currentColor, usunąć wykryte tło, przyciąć do istotnej treści i na życzenie sformatować kod.

Wynik może być też sprawdzany pod kątem nadmiernej złożoności, drobnych wysp, otwartych ścieżek i innych warunków istotnych dla procesu. Ostrzeżenie to informacja do oceny, nie dowód, że plik zawiedzie.

Ograniczenia automatycznego obrysu

Wyraźna grafika o odpowiednim rozmiarze i odrębnych krawędziach zwykle daje prostsze i wierniejsze ścieżki. Szum, artefakty JPEG, rozmycie, gradienty, przezroczystość, drobna tekstura i nakładające się kolory wymagają interpretacji. Obrysowany SVG nie odzyska szczegółów nieobecnych w źródle i może nie odtworzyć oryginalnych decyzji konstrukcyjnych projektanta.

Podgląd obok siebie i ręczne ustawienia istnieją, ponieważ ocena wzrokowa użytkownika pozostaje ważna. Przed produkcją przetestuj pliki w docelowym programie i materiale.

Jak testujemy zmiany?

Zmiany logiki obrysu i rankingu testujemy na reprezentatywnych obrazach obejmujących ikony, logo, rysunki liniowe, wiele kolorów, źródła o małej rozdzielczości, fotografie i przykłady produkcyjne. Testy automatyczne chronią istotne zachowania przeglądarki i reguły wyjścia, a porównania wydajności i jakości pomagają wykryć regresje przed wdrożeniem.

Jak powstają treści techniczne?

Wyjaśnienia techniczne VectorizeThis opierają się na rzeczywistym działaniu konwertera, testach na reprezentatywnych obrazach i źródłowych specyfikacjach, takich jak specyfikacja SVG W3C. Strony są przeglądane po istotnych zmianach działania konwertera.

VectorizeThis stworzył Maxime Desrosiers. Aby zgłosić nieoczekiwany wynik, użyj Wyślij opinię w konwerterze lub przejdź do kontaktu.

Ostatnia aktualizacja: