Chropowate krawędzie w wygenerowanym SVG w większości przypadków to wina oryginału, nie samej konwersji. Wektoryzacja opisuje ponownie jako ścieżki kontury istniejące w mapie bitowej: czyste krawędzie oryginału dają ścieżkom czystą podstawę; jeśli oryginał ma wokół kształtu pierścień zniekształconych kolorów po kompresji, łuk szerokości zaledwie dwóch–trzech pikseli albo duże płaszczyzny cienia, te wady trafią do wyniku wiernie odwzorowane. Najpierw ustal, do którego typu problemu oryginału należy chropowatość, i uporządkuj wejście przed ponowną konwersją — to znacznie skuteczniejsze niż wielokrotne klikanie „ponów”.
Otwórz obraz na wektor i nie spiesz się ze zmianą narzędzia: przejdź tym samym obrazem kolejność diagnostyki opisaną niżej — większość problemów z krawędziami pokaże zmianę już po podmianie wejścia. Pełne kroki pierwszego wgrania, konwersji i pobrania zademonstrowano krok po kroku w artykule „Jak zamienić PNG i JPG na SVG: kompletny poradnik wektoryzacji obrazów”; tu zaczynamy od samego problemu krawędzi.
Najważniejsze punkty
- Trzy typy problemów oryginału — szum kompresji, niewyraźne kontury i złożone cienie — trafiają do ścieżek SVG dokładnie odwzorowane; konwersja nie odtworzy informacji, których nie ma w oryginale.
- Najpierw rozróżnij „brak informacji w oryginale” i „błąd obrysowania ścieżek”: pierwszy wymaga ostrzejszego oryginału, drugi rozwiążesz porządkiem wejścia albo czyszczeniem węzłów.
- Przy ponawianiu zmieniaj tylko jedną zmienną naraz — podmianę oryginału, usunięcie tła i uproszczenie kolorów rób osobno — tylko wtedy poprawę da się przypisać konkretnemu działaniu.
- Narzędzie przyjmuje PNG, JPG i WebP, przy szerokości i wysokości co najmniej 256 pikseli; powiększenia 1×, 2× i 4× w panelu wyników służą do porównywania tego samego fragmentu krawędzi.
Ustal, czy problem pochodzi z oryginału, czy z wyniku konwersji
Otwórz SVG w panelu wyników na 4×, znajdź najbardziej chropowaty fragment krawędzi, a potem wróć do oryginału i powiększ to samo miejsce w zbliżonej skali do porównania. Trzy typowe wady mają każda swoją sygnaturę położenia:
Szum kompresji. Oryginał wielokrotnie zapisywany lub przekazywany przez komunikator ma wokół konturu głównego kształtu pierścień zniekształconych barw. Po konwersji krawędzie obrastają drobnymi ścieżkami i strzępieniem, a wada koncentruje się pierścieniem na zewnątrz konturu.
Niewyraźny kontur. Oryginał ma niską rozdzielczość, więc łuki i narożniki dysponują bardzo małą liczbą pikseli. Po konwersji łuki pokrywają się schodkami, narożniki tępieją, a wada koncentruje się na załamaniach krzywych.
Złożone cienie. Oryginał ma miękkie gradienty lub cień, a strefa przejścia nie ma wyraźnej granicy. Po konwersji obraz rozpada się na wiele warstw przybliżonych plam koloru, wada koncentruje się w strefach przejścia cienia, a kolory nie odpowiadają kolorom marki.
Po porównaniu przypisz problem do jednej kategorii — ona wyznacza dalszą drogę: jeśli po powiększeniu krawędzie w samym oryginale są rozstrzępione, przerwane lub zaszumione, mamy brak informacji i sens ma tylko porządkowanie wejścia oraz ostrzejsza wersja; jeśli oryginał w powiększeniu jest czysty, a SVG ma nadmiarowe węzły, schodki albo pokruszone ścieżki, jest to błąd obrysowania ścieżek i wystarczyć może powtórka lub późniejsze czyszczenie węzłów. Pominięcie tego kroku i konwertowanie w kółko miesza oba problemy w jedno.
Usuń tło zakłócające kontur
Tło to najczęstsze źródło zbędnych ścieżek. Po oddzieleniu motywu od tła konwersja wyraźnie zmienia liczbę ścieżek i czystość krawędzi.
Jednolite tło obsłużysz najprościej: najpierw przytnij zbędne marginesy dookoła, tak aby motyw wypełnił kadr; potem usuń kolor tła i zapisz jako PNG z przezroczystym tłem. Przycięcie marginesów to najtańsza poprawa wejścia — w tej samej klatce kontur motywu zajmuje więcej pikseli. Pamiętaj, że po przycięciu szerokość i wysokość nadal muszą wynosić co najmniej 256 pikseli; zbyt mały plik nie przejdzie sprawdzania przy wgrywaniu.
Złożone tło (wzory, gradienty, zdjęcia) wymaga uprzedniego oddzielenia motywu — inaczej deseń tła zostanie obrysowany razem z grafiką, a krawędzie wyniku będą usłane odłamkami tła. Do automatycznego oddzielenia użyj najpierw narzędzia Usuwanie tła z logo, a otrzymany obraz z przezroczystym tłem wgraj do konwersji; pełne operacje wycinania opisuje poradnik usuwania tła, więc nie będziemy ich powtarzać.
Jedno jeszcze o usuwaniu tła: narzędzie zwraca mapę bitową i tylko wyjmuje motyw z tła — nie poprawia ostrości samego motywu. Jeśli w oryginale motyw jest rozmyty, po usunięciu tła nadal będzie rozmyty; wróć do poprzedniej sekcji i sprawdź, czy to nie brak informacji.
Zajmij się drobnymi literami, cienkimi liniami i gradientami
Te trzy typy elementów tracą wierność przy konwersji najłatwiej, a kolejność postępowania jest stała: najpierw poszukaj wyraźniejszej wersji, potem rozdziel tekst od grafiki, na końcu uprość cienie.
Najpierw wyraźniejsza wersja. W niskorozdzielczym oryginale kreski drobnych liter zlewają się, a wnętrza liter (np. środek litery O) mają jeden–dwa piksele — żadna konwersja nie odtworzy tych detali z niczego. Większe wersje często kryją się w banerze strony, na wizytówkach, w materiałach promocyjnych i księdze marki; gdy ją znajdziesz, użyj jej w pierwszej kolejności. Z cienkimi liniami jest tak samo: włosowa linia przerwana w małym obrazie wyjdzie jako przerwana ścieżka.
Rozdziel tekst od grafiki. Gdy litery i grafika mieszają się w jednym małym obrazie, wytnij obszar tekstu i obszar grafiki osobno, przekonwertuj je oddzielnie i złóż z powrotem w programie graficznym. Każda część korzysta z większej liczby pikseli kadru i jest to pewniejsze niż forsowna konwersja całego małego obrazu naraz.
Uprość cienie. Miękkie gradienty i cienie zostaną rozbite na wielowarstwowe ścieżki plam. Jeśli standardy marki na to pozwalają, usuń cień i zamień gradient na jednolitą plamę koloru głównego przed konwersją; gdy gradient sam jest elementem tożsamości marki, zaakceptuj przybliżenie blokami albo zostaw ten fragment w mapie bitowej.
O tekście trzymaj się jednego faktu: litery w wyniku konwersji to ścieżki konturowe, nie edytowalny tekst fontu, i konwersja nie przywróci oryginalnego fontu. Nie mając pliku fontu, nie oczekuj, że jakakolwiek konwersja „odtworzy” oryginalne litery, i nie zgaduj z konturu podobnego fontu na użytek marki; gdy trzeba zmienić treść, złoż ją na nowo w programie graficznym potwierdzonym fontem.
Ponawiaj próby, zmieniając za jednym razem jedną zmienną
Gdy masz kilka przygotowanych wersji wejścia, nie podstawiaj ich wszystkich naraz: jedna zmienna na próbę — tylko wtedy poprawę da się przypisać przyczynie.
W praktyce ustal trzy rzeczy:
- Wejście w rundach. Pierwsza runda to konwersja oryginału wprost, jako punkt odniesienia; druga zamienia wejście wyłącznie na wersję bez tła; trzecia wyłącznie na wersję z uproszczonymi kolorami albo ostrzejszą. Przy każdej zmianie wejścia kliknij przycisk usuwania w prawym górnym rogu podglądu, wgraj nowy plik i konwertuj ponownie.
- Stały sposób sprawdzania. W każdej rundzie patrz na ten sam najbardziej chropowaty fragment krawędzi w tej samej skali — powiększenia 1×, 2× i 4× w panelu wyników dają gotową, wspólną miarę.
- Archiwizuj wyniki. Zapisz trzy pliki SVG z osobnymi nazwami, np. logo-oryginal.svg, logo-bez-tla.svg, logo-proste.svg, i porównaj różnice krawędzi obok siebie.
Gdy dwie rundy nie dają widocznej różnicy, ten element wejścia nie jest problemem — wróć do pierwszej sekcji i zaklasyfikuj ponownie; gdy różnica jest, podążaj tym kierunkiem, zamiast nakładać wszystkich zmian naraz. Aby spróbować ponownie z tym samym wejściem, kliknij „Wektoryzuj ponownie” pod wynikiem — aktualny wynik zostanie usunięty i możesz przesłać zadanie od nowa.
Zdecyduj: zachować konwersję czy przerysować ręcznie
Po którejś rundzie poprawek pozostaje jedno pytanie: czy ten SVG wystarczy, czy warto przerysować go ręcznie.
Za zachowaniem konwersji przemawia: grafika oparta na plamach koloru i regularnych krzywych, niewiele drobnych liter i cienkich linii, przeznaczenie to strona internetowa, ikona interfejsu lub materiały średniego formatu. Jeśli przy 4× krawędzie są czyste, wycięcia kompletne, a najmniejsze litery czytelne — możesz skończyć; nie musisz dążyć do minimalnej liczby ścieżek.
Za przerysowaniem ręcznym przemawia: dużo drobnych liter, gęste włosowe linie, gradient jako rdzeń tożsamości marki albo duży format druku i szyldy, gdzie każdy stopień i przerwa powiększy się do gołego oka. Wtedy obrysowanie kluczowych konturów w edytorze wektorowym według oryginału zwykle oszczędza czas w porównaniu z niekończącymi się powtórkami.
Gdy wynik jest już bliski używalności, a zostały tylko pojedyncze strzępki, zaimportuj SVG do edytora wektorowego i posprzątaj węzły: usuń nadmiarowe, połącz pokruszone ścieżki, wyrównaj zaokrąglenia. To wykończenie po powtórkach, wykonywane w zewnętrznym programie — narzędzie obraz-na-wektor samo nie oferuje edycji węzłów.
Kryterium zawsze podąża za przeznaczeniem: im mniejszy rzeczywisty rozmiar wyświetlania, tym większa tolerancja dla precyzji ścieżek; im większe powiększenie, tym bardziej opłaca się od początku poszukać najlepszego oryginału.
Częste pytania
Czy powiększenie obrazu przed konwersją na SVG pomaga?
Pomoc jest ograniczona. Powiększenie zwiększa liczbę pikseli, ale piksele dorysowane interpolacją jedynie rozciągają istniejący kontur — informacji o krawędzi nie przybywa, a szum rośnie razem z obrazem. To sensowne, gdy mały obraz nie osiąga progu 256 pikseli i musi spełnić warunek zgłoszenia; aby krawędzie były naprawdę czyste, w pierwszej kolejności szukaj wersji o wyższej rozdzielczości.
Dlaczego logo fotograficzne ma tak dużo ścieżek?
Zdjęcia i ciągłe gradienty nie mają wyraźnych granic plam koloru, więc obrysowanie przybliża przejścia wieloma małymi plamami; liczba ścieżek rośnie lawinowo wraz z detalami, plik robi się duży i trudny do edycji. Takie materiały lepiej trzymać jako wysokorozdzielcze mapy bitowe; gdy wersja wektorowa jest naprawdę potrzebna, najpierw uprość ją do plam koloru i dopiero konwertuj, albo zwektoryzuj wyłącznie znamienną część graficzną. Które materiały warto konwertować, a które zostawić w mapie bitowej, rozstrzyga tabela wyboru według scenariuszy w artykule „PNG czy SVG dla logo: jak wybierać dla strony, plakatu i druku”.
Skąd wiedzieć, że konwersja wystarczy do bieżącego zadania?
Sprawdzaj według docelowego rozmiaru użytkowego. W panelu wyników ustaw 4× i obejrzyj cztery miejsca: krzywe, wycięcia, cienkie linie i drobne litery, po czym wróć do 1× i oceń, czy podział na plamy koloru jest akceptowalny. Użycie internetowe i interfejsowe mierz ostrością przy rzeczywistym rozmiarze wyświetlania; druk wielkoformatowy i szyldy powiększają każdą wadę, więc standard rośnie. Jeśli ten sam fragment krawędzi wyraźnie się poprawił między dwiema rundami, obecna runda wystarcza.
Uporządkuj oryginał i przekonwertuj ponownie
Zacznij od najbardziej chropowatej krawędzi: przypisz problem do kategorii, przygotuj odpowiednią metodą nowe wejście, a następnie otwórz obraz na wektor i podmień plik na świeży. Po zakończeniu wróć do tego samego fragmentu i tej samej skali, porównaj — gdy poprawa jest widoczna, przejdź do następnego miejsca.
