Zdjęcie do SVG: co działa, a co nie

Tak, możesz przekonwertować zdjęcie do SVG narzędziem przyjmującym rastry. Haczyk tkwi w znaczeniu słowa „przekonwertować”: fotografia o ciągłych przejściach tonalnych jest trudnym źródłem dla edytowalnego trasowania wektorowego, a zachowanie większej liczby detali zwykle wymaga więcej kształtów i ścieżek.

Szczegółowe zdjęcie, takie jak twarz, krajobraz lub obraz z miękkimi gradientami, nie zmienia się w ostry, fotograficzny SVG. Staje się albo płaską wersją po posteryzacji, albo rozbudowaną plątaniną tysięcy kształtów. Płaski, prosty obiekt o wysokim kontraście to inna sytuacja i może konwertować się czysto. Właściwe pytanie brzmi więc „czy wynik będzie użyteczny”, a nie tylko „czy mogę”. Wszystko zależy od zdjęcia. Jeśli jedyną trudnością jest kontrolowane przejście kolorów w skądinąd prostej grafice, użyj poradnika decyzji o wektoryzacji gradientów.

Najpierw: co naprawdę robi „konwersja zdjęcia do SVG”

Według specyfikacji SVG 2 SVG może przechowywać kształty wektorowe, gradienty, tekst, a nawet osadzone rastry. W omawianym automatycznym trasowaniu celem jest przybliżenie zdjęcia edytowalnymi obszarami wektorowymi zamiast prostego osadzenia pikseli. Zdjęcie zawiera wiele lokalnych zmian kolorów i tonów, więc nie istnieje jedna czysta mapa granic do takiego przybliżenia. (Pełne wyjaśnienie znajdziesz tutaj, jeśli dopiero poznajesz wektory.)

Konwersja zdjęcia do SVG oznacza przerysowanie wszystkiego jako kształtów, czyli trasowanie. Zdjęcie nie daje jednak czystej podstawy. Nie ma jednolitych obszarów koloru ani ostrych krawędzi, tylko stopniowe zmiany tonalne. Narzędzie musi więc wybrać: zgrupować miliony odcieni w kilka jednolitych plam albo narysować osobny drobny kształt dla każdej zmiany. Pierwsze daje plakat, drugie chaos. Żadne nie daje samego zdjęcia.

Co rzeczywiście otrzymasz

Przepuść zdjęcie przez typowe kolorowe trasowanie, a kompromis zwykle mieści się między dwoma wynikami, zależnie od żądanej szczegółowości:

• Płaska wersja po posteryzacji. Płynne gradienty zapadają się w kilka jednolitych obszarów koloru, jak sitodruk lub plakat pop-art. Może to wyglądać bardzo dobrze, ale jest reinterpretacją zdjęcia, a nie jego kopią.
• Rozbudowany chaos. Podnieś szczegółowość w pogoni za realizmem, a powstaną tysiące drobnych kształtów. Plik puchnie, nadal nie wygląda fotograficznie, a jego edycja lub cięcie są uciążliwe.

Zdjęcie

Jako SVG

To oczekiwany kompromis przy przybliżaniu ciągłych tonów edytowalnymi obszarami wektorowymi. Ustawienia Adobe Image Trace obejmują liczbę kolorów, dopasowanie ścieżek, narożniki i szum, ponieważ zmiana wierności zmienia ilość i złożoność generowanej geometrii.

Które zdjęcia konwertują się dobrze, a które nie

Granica jest prosta: wektory składają się z płaskich obszarów koloru o czystych krawędziach. Jeśli zdjęcie już tak wygląda, konwertuje się dobrze. Jeśli pełno w nim płynnych przejść tonalnych, nie.

Jeśli obraz należy do górnej grupy, jest lepszym kandydatem do prostego trasowania. Jeśli do dolnej, zdecyduj, czy chcesz celowo stylizowanego efektu; w przeciwnym razie zachowaj raster lub zleć ilustratorowi przerysowanie.

Dlaczego zdjęcia utrudniają pracę konwertera

Trzy cechy zdjęcia przeszkadzają w czystym trasowaniu:

• Ciągłe przejścia tonalne. Zdjęcie miesza odcienie piksel po pikselu, więc nie ma rzeczywistych granic do odwzorowania. Narzędzie musi wymyślać krawędzie, których nie było, i rzadko umieszcza je tam, gdzie chcesz.
• Artefakty JPEG. Adobe opisuje JPEG jako format stratny odrzucający dane obrazu. Artefakty kompresji mogą dodawać zmienność krawędzi. Sam zapis tego samego JPEG jako PNG nie przywraca utraconych danych; w miarę możliwości zacznij od czystszego oryginału.
• Zbyt wiele kolorów. Jedno zdjęcie może zawierać tysiące odrębnych kolorów. Ściśnięcie ich do kilku płaskich próbek właśnie daje efekt posteryzacji.

Jak rzeczywiście uzyskać użyteczny wynik

Jeśli nadal chcesz wektora ze zdjęcia, oto jak uzyskać coś przydatnego:

1. Stylizuj celowo. Zaakceptuj posteryzację i wykorzystaj ją. Świadomie zmniejsz liczbę kolorów, aby uzyskać czysty efekt sitodruku lub plakatu. To przypadek, w którym wektoryzacja fotografii naprawdę się sprawdza i tak powstaje wiele plakatów oraz grafik na produkty.
2. Wyodrębnij tylko płaską część. Jeśli na zdjęciu jest logo, kształt lub wyraźna sylwetka, przytnij lub zamaskuj do tego elementu i konwertuj tylko jego. Logo na witrynie dobrze się trasuje po odizolowaniu od otaczającej sceny.
3. Zacznij od lepszej grafiki. Jeśli masz płaską ilustrację lub możesz odtworzyć obiekt jako proste kształty, konwertuj ją zamiast zdjęcia. (Jeśli źródłem jest grafika AI, a nie rzeczywiste zdjęcie, wektoryzacja grafiki AI do druku ma własny poradnik.)

Czwarta uczciwa opcja: jeśli potrzebujesz ostrej fotografii w dużym rozmiarze, w ogóle jej nie wektoryzuj. PNG lub JPG w wysokiej rozdzielczości jest właściwym formatem dla detali fotograficznych. Wektor nie jest magicznym sposobem zwiększania rozdzielczości zdjęć.

Dla źródła z iPhone’a przygotuj zdjęcie HEIC do wektoryzacji, zanim ocenisz wynik.

Jak wygląda to w PerfectVector

PerfectVector powstał do płaskiej grafiki ilustracyjnej: logo, ikon, naklejek, rysunków liniowych i prostych obrazów. Dla nich tworzy czyste SVG z małą liczbą węzłów i edytowalnymi kolorami. Możesz przekonwertować obraz do wektora i samodzielnie sprawdzić wynik. Pierwsze obrazy przekonwertujesz bezpłatnie, bez karty płatniczej.

Ze szczegółową fotografią robi to, co każde uczciwe narzędzie: daje czystą, stylizowaną wersję ze spłaszczonymi obszarami koloru, nie fotograficzną kopię. To dokładnie to, czego chcesz do plakatu, i niewłaściwe narzędzie, gdy potrzebujesz samego zdjęcia. Wolimy powiedzieć to wprost niż patrzeć, jak walczysz o wynik, który nigdy nie mógł powstać.

To samo narzędzie, dwa zupełnie różne źródła

Kiedy zrezygnować i zachować zdjęcie

• Potrzebujesz wiernej fotografii w dużym rozmiarze. Wyeksportuj zamiast tego raster w wysokiej rozdzielczości. Wektoryzacja tylko go spłaszczy lub rozbuduje.
• Wycinanie w Cricut lub ploterze do folii. Prawdziwe zdjęcie nie nadaje się do cięcia, bo maszyna podąża za ścieżkami i potrzebuje jednolitych kształtów. Użyj płaskiego projektu lub jednokolorowej sylwetki i zobacz jak uzyskać czysty plik do cięcia Cricut.
• Zdjęcie jest jedyną kopią logo. Nie trasuj całej sceny. Wyodrębnij logo, a potem zwektoryzuj tylko je.

FAQ

Czy można przekonwertować zdjęcie do SVG bezpłatnie? Tak. Niektóre narzędzia przyjmują zdjęcie i tworzą SVG bez opłat, a tutaj możesz obejrzeć podgląd pierwszych konwersji bez karty płatniczej. Cena nie zmienia jednak kompromisu między wiernością a złożonością: szczegółowe zdjęcie zwykle staje się stylizowanym przybliżeniem lub złożonym wektorem, a nie prostym fotograficznym plikiem.

Dlaczego zdjęcie po konwersji do SVG wygląda dziwnie lub ma posteryzację? Tak działa wektoryzacja. Odtwarza obraz jako płaskie obszary kolorów, więc płynne gradienty zdjęcia zapadają się w kilka jednolitych plam. Posteryzacja jest oczekiwana. Jeśli Ci odpowiada, wykorzystaj ją; jeśli nie, zdjęcie nie jest dobrym kandydatem do wektoryzacji.

Czy można przekonwertować zdjęcie do SVG dla Cricut? Tylko jeśli obiekt jest płaski i prosty, jak sylwetka lub logo. Prawdziwe zdjęcie nie nadaje się do cięcia, bo ploter podąża za ścieżkami i potrzebuje jednolitych kształtów. Konwertuj płaski projekt albo najpierw wyodrębnij ze zdjęcia jednokolorowy kształt.

Jakie zdjęcie najlepiej konwertuje się do SVG? Płaskie, kontrastowe obrazy z kilkoma wyraźnymi kolorami: logo, ikony, rysunki liniowe i proste sylwetki. Im bardziej zdjęcie przypomina płaską grafikę wektorową, tym lepsza konwersja. Twarze, krajobrazy i kadry z wieloma gradientami dają najsłabsze wyniki.

Czy konwersja zdjęcia do SVG zachowuje oryginalne kolory? Zachowuje przybliżone płaskie obszary koloru, nie płynne połączenia. Konwerter „z kolorem” próbkuje kolory zdjęcia i wypełnia nimi przetrasowane kształty, dlatego wynik wygląda na posteryzowany, a nie fotograficzny.

Czy wynik jest prawdziwym, edytowalnym wektorem? Tylko jeśli narzędzie rzeczywiście przetrasowało obraz. SVG dopuszcza osadzone rastry, więc samo rozszerzenie .svg nie jest dowodem. Sprawdź plik w edytorze wektorowym: trasowana zawartość zaznacza się jako ścieżki lub kształty, a osadzone zdjęcie pozostaje obiektem obrazu ze stałą rozdzielczością pikselową.

Źródła

1. W3C — SVG 2 — Możliwości SVG dotyczące wektorów, gradientów, tekstu i rastrów.
2. Adobe Illustrator — opcje panelu Image Trace — Ustawienia koloru, ścieżek, narożników i szumu określające złożoność trasowania.
3. Adobe Photoshop — obsługiwane formaty obrazów — Stratna kompresja JPEG i bezstratne działanie PNG.
4. Inkscape — poradnik trasowania — Oficjalne wyjaśnienie trasowania bitmap i wyników kolorowych z wielu skanów.
5. W3C — osadzona zawartość SVG — Rastry osadzone wewnątrz SVG.

Zdjęcie może stać się czystym, edytowalnym SVG, gdy jest płaskie i proste, albo stylizowaną grafiką plakatową, gdy takie nie jest. Jeśli Twoja grafika należy do pierwszej grupy, przekonwertuj ją do wektora i sprawdź ścieżki. Jeśli to szczegółowa fotografia, wiesz już, że warto wybrać inne narzędzie zamiast walczyć z konwerterem.