Masz swoje logo jako PNG. Wygląda dobrze w nagłówku Twojej strony, a potem ktoś prosi o nie w dużym rozmiarze — baner, wydruk, koszulka — i powiększone robi się miękkie i poszarpane. To sufit pliku rastrowego: to stała siatka pikseli i nie ma dodatkowego detalu do znalezienia, gdy je powiększasz. SVG nie ma tego sufitu. Przechowuje logo jako kształty i ścieżki, więc odrysowuje się ostro, czy ma 32 piksele szerokości, czy dwa metry.
Wprowadzenie logo PNG do postaci SVG oznacza jego śledzenie — odczytanie pikseli i narysowanie wektorowych ścieżek podążających za krawędziami. Dla płaskiego logo to dokładnie właściwe narzędzie, i jest szybkie.
Dlaczego logo dobrze się śledzi
Dobre logo to idealny materiał do śledzenia. Zwykle ma niewielką liczbę jednolitych kolorów, czyste granice między nimi i żadnych miękkich gradientów ani fotograficznej faktury. Narzędzie śledzące odczytuje taki obraz czysto: znajduje każdy blok koloru, rysuje wokół niego ciasną ścieżkę i tworzy SVG z zaledwie garści kształtów. Mały plik, ostre krawędzie, w pełni edytowalny potem.
Ikony, proste ilustracje, grafika liniowa i ręczne liternictwo wpadają do tej samej szczęśliwej kategorii z tego samego powodu — płaski kolor i wyraźne krawędzie.
Krok po kroku
- Zacznij od najczystszego PNG, jaki masz. Źródło o wyższej rozdzielczości i ostre śledzi się lepiej niż maleńkie i rozmyte. Jeśli Twoje logo ma przezroczyste tło, zachowaj je — śledzenie potrafi to zachować.
- Wybierz ustawienie pasujące do logo. Dla dwu- lub trzykolorowego znaku Płaskie / logo utrzymuje niską liczbę kolorów i proste kształty. Dla bardziej szczegółowej ilustracji Szczegółowe dopuszcza więcej ścieżek. Dla czystej grafiki liniowej albo sylwetki Czarno-białe redukuje ją do dwóch tonów.
- Sprawdź podgląd przed/po. Porównaj śledzenie z oryginałem. Jeśli krawędzie wyglądają na grudkowate albo narzędzie wymyśliło dodatkowe kolory, wypróbuj inne ustawienie — mniej kolorów zwykle daje czystszy, mniejszy wynik.
- Pobierz SVG i otwórz go w edytorze wektorowym, by dopracować w razie potrzeby.
Ponieważ działa to w całości w Twojej przeglądarce, logo, które wrzucasz, nigdy nie jest przesyłane — jest odczytywane z płótna na Twojej własnej maszynie, nie ma konta, a działa offline, gdy strona się załaduje.
Czyszczenie i przekolorowanie po śledzeniu
Wynik to zwykły SVG złożony z nazwanych ścieżek i wypełnień, więc nie jesteś zamknięty w tym, co śledzenie utworzyło. Otwórz go w Illustratorze, Inkscape albo Figmie i możesz zmienić kolor całego obszaru, edytując jedno wypełnienie, ustawić dokładny firmowy kod HEX, usunąć zabłąkany kształt, który narzędzie podchwyciło, albo poprawić ścieżkę. To prawdziwa nagroda: logo przestaje być stałym zdjęciem i staje się edytowalnym obiektem w każdym rozmiarze.
Gdzie nie pomoże: zdjęcia
Bądź uczciwy co do materiału. To śledzi kształty, a nie fotografie. Jeśli podasz mu zdjęcie — portret, ujęcie produktu, krajobraz — wciąż utworzy SVG, ale okropny: tysiące subtelnych kolorów przybliżanych przez nawarstwione plamy, plik puchnie daleko poza oryginalny JPG i wygląda na rozmazany. Do wszystkiego o ciągłej tonacji zachowaj format rastrowy i zamiast tego skompresuj. I to nie jest AI, które przerysowuje Twoje logo w coś nowego — jeśli źródłowy PNG jest rozmyty albo zaszumiony, śledzenie to dziedziczy. Czyste, płaskie, kilkukolorowe logo daje czysty SVG; to jest złoty środek.