Wektoryzacja logo: PNG na SVG z czystymi krawędziami

Wektoryzacja logo z pliku PNG ma trzy etapy: obrysowujesz obraz kształtami wektorowymi, sprawdzasz krawędzie i kolory, a potem eksportujesz wynik. Dużo zależy od pliku źródłowego. Po zamianie PNG na SVG logo da się skalować, ale wektoryzacja nie odtworzy wiernie liter ani detali, których w PNG po prostu nie ma.

Ilustracja z liściem pokazuje zasadę wektoryzacji, a nie rzeczywisty wynik konwersji.

Z tego poradnika dowiesz się, jak zwektoryzować logo w narzędziu Wektoryzacja obrazu, usunąć białe tło i nie zgubić drobnych elementów. Konwerter przyjmuje pliki PNG, JPG i WebP do 10 MB i nie wymaga zakładania konta.

Co się zmienia, gdy zamieniasz PNG na SVG?

PNG zapisuje piksele. Ścieżki wektorowe opisują kształty współrzędnymi i krzywymi, więc możesz je powiększać, a krawędzie nie rozmywają się jak w bitmapie.

Samo rozszerzenie .svg nie dowodzi, że obraz został zwektoryzowany. Plik SVG może zawierać zwykłą bitmapę: specyfikacja SVG organizacji W3C opisuje to w części o elemencie image. PNG osadzony w SVG ma wszystkie ograniczenia oryginalnej bitmapy. Edytowalne logo to takie, w którym zwektoryzowane ścieżki da się zaznaczyć i przekolorować w edytorze wektorowym.

Wektoryzacja to przybliżenie. Jednolite kolory i wyraźne granice ułatwiają jej zadanie, a rozmycie, cienie i drobne napisy je utrudniają. Jeśli autor logo może przysłać wersję wektorową (w drukarni takie logo nazywa się „logo w krzywych”), zacznij od niej. Konwersja obrazu na wektor przydaje się wtedy, gdy masz tylko plik rastrowy.

Przygotuj plik PNG przed wektoryzacją

Wybierz najwyraźniejszy plik z logo, najlepiej wyeksportowany prosto z oryginalnego projektu. Unikaj zrzutów ekranu z elementami interfejsu, zniekształconą perspektywą albo zbędnymi marginesami. Zachowaj kopię źródła, żeby porównać ją z gotowym SVG.

Przyjrzyj się tłu. Szachownica widoczna w programie graficznym może oznaczać przezroczystość, ale szachownica zapisana w samym PNG jest już częścią grafiki. Po wektoryzacji takiego pliku każdy kwadracik może stać się osobnym kształtem.

Jeśli logo ma drobny napis, obejrzyj litery przed wgraniem pliku. Gdy dwie kreski zlewają się już w PNG, wyższy poziom szczegółów może ich nie rozdzielić. Odtworzenie napisu w edytorze jest często pewniejsze niż próby wyciągnięcia go z rozmytego obrazu.

Jak zamienić logo PNG na SVG krok po kroku

1. Wczytaj obraz i sprawdź typ grafiki

Otwórz konwerter obrazu na wektor i kliknij Wybierz obraz albo przeciągnij plik PNG na pole przesyłania. Zaczekaj na pierwszy wynik i nie zamykaj strony.

Narzędzie samo dobiera profil początkowy. Jeśli ustawienia są zwinięte, rozwiń Dopracuj i sprawdź Typ grafiki. Dla płaskiego logo lub ikony wybierz Logo. Zanim cokolwiek zmienisz, porównaj widok Oryginał z widokiem Wynik wektoryzacji. Pierwsza wersja może już dobrze oddawać główne kształty.

2. Ustaw rozsądny limit kolorów

Opcją Maksymalna liczba kolorów uprościsz paletę. Dla dwukolorowego znaku zacznij od dwóch kolorów i sprawdź, czy oba przetrwały. Logo z cieniowaniem może potrzebować więcej. Zachowaj kolory, które coś znaczą, i nie zapisuj każdego bladego odcienia na krawędzi jako osobnego kształtu.

W sekcji Edytuj paletę kolorów kliknij próbkę, żeby zmienić jej kolor. Opcja Zablokuj kolor marki utrzymuje wybrany kolor przy zmianach palety. Możesz też zaznaczyć podobne próbki i przyciskiem Połącz zaznaczone scalić je w wybrany kolor docelowy. Po każdej zmianie zerknij na podgląd, zwłaszcza tam, gdzie stykają się dwa kolory.

3. Szczegóły i wygładzenie ustawiaj osobno

Zwiększ Drobne szczegóły, gdy znika małe wcięcie, cienka linia albo otwór w literze. Zmniejsz, gdy zostają niechciane drobinki. Wysoki poziom szczegółów może dać większy i bardziej złożony plik SVG, więc nie zawsze jest najlepszym wyborem.

Wygładzenie zmienia przebieg konturów, więc obserwuj przy nim narożniki i łuki. Zmieniaj jedno ustawienie naraz, żeby widzieć, co pomogło. Krawędzie oglądaj w powiększeniu, a potem oddal widok do rozmiaru, w jakim logo naprawdę się pojawi. Zmiana, która w dużym powiększeniu wygląda schludniej, może pogorszyć czytelność małego logo.

4. Ostrożnie usuń białe tło

Włącz Usuń biel, jeśli PNG ma białe tło, którego nie chcesz. Ta opcja usuwa połączone białe tło, a nie każdy biały fragment logo.

Sprawdź białe litery i białe elementy, które stykają się z tłem na zewnątrz. Obejrzyj też zamknięte przestrzenie: białe obszary niepołączone z tłem mogą zostać. Kolorowe tło, cień albo wtopiona szachownica mogą wymagać osobnego czyszczenia w programie do grafiki rastrowej lub wektorowej.

Aby SVG miał przezroczyste tło, obszar wokół logo musi być naprawdę przezroczysty. Obejrzyj wyeksportowaną grafikę na jasnym i na ciemnym tle, a łatwo wychwycisz białe resztki i blade krawędzie.

5. Wyeksportuj i sprawdź SVG

W sekcji Profil eksportu SVG wybierz Projektowanie, jeśli zamierzasz dalej edytować plik. Internet daje zoptymalizowany kod do strony WWW. Gdy przetwarzanie się skończy, kliknij Pobierz SVG.

Otwórz plik w edytorze wektorowym i sprawdź go, zanim zastąpisz nim dotychczasowe logo:

• Kształty da się zaznaczyć i przekolorować.
• Otwory w literach, wąskie szczeliny i drobne detale są nadal widoczne.
• Kolory zgadzają się z zamierzoną paletą.
• Tło zachowuje się dobrze na jasnej i ciemnej powierzchni.

Przed drukiem albo wycinaniem z folii sprawdź wymiary i wymagania produkcyjne w programie, którego używa drukarnia lub pracownia. Sam pobrany plik SVG nie gwarantuje, że jest gotowy do produkcji.

Najczęstsze problemy przy wektoryzacji logo

Kontur jest falisty. Jeśli masz ostrzejszy PNG, zacznij od niego. Wygładzenie zwiększaj ostrożnie, bo za mocne zaokrągli zamierzone narożniki. Uporczywe błędy mogą wymagać ręcznej edycji ścieżek.

Logo ma za dużo kształtów. Zmniejsz maksymalną liczbę kolorów lub poziom drobnych szczegółów, a potem sprawdź, czy ważne elementy zostały. Tam, gdzie to ma sens, połącz w palecie prawie identyczne kolory.

Napis wygląda źle. Po wektoryzacji litery stają się kształtami, a nie edytowalnym tekstem. Jeśli potrzebujesz dokładnych liter albo chcesz później zmieniać tekst, odtwórz napis właściwą czcionką w edytorze, na przykład w edytorze wektorowym online.

Pytania i odpowiedzi

Jak zmienić plik PNG na SVG za darmo?

Wgraj plik do narzędzia Wektoryzacja obrazu, dopracuj kolory i kliknij Pobierz SVG. Konwersja obrazu i pobieranie SVG są bezpłatne, bez rejestracji i bez znaku wodnego. Generowanie grafiki z opisu tekstowego to osobne narzędzie: wymaga zalogowania, obecnie jest bezpłatne i ma dzienny limit na konto.

Czy wektoryzacja zrobi z rozmytego logo ostre?

Da skalowalne kontury, ale nie odtworzy wiernie detali, których brakuje w źródle. Gdy liczy się dokładność, użyj wyraźniejszego PNG albo ręcznie odbuduj uszkodzone fragmenty.

Czy SVG zachowa przezroczyste tło?

Narzędzie obsługuje przezroczystość pliku źródłowego. Sprawdź wyeksportowany wynik, zwłaszcza wokół miękkich krawędzi i cieni, które mogą zostać uproszczone. Przy jednolitym białym tle włącz Usuń biel i obejrzyj kształty, które zostały.

Czy wektoryzację logo lepiej zrobić w Illustratorze albo w CorelDRAW?

Jeśli masz Illustratora albo CorelDRAW i dobrze go znasz, użyj wbudowanej funkcji wektoryzacji bitmap (w CorelDRAW to PowerTRACE). Zasady są takie same jak w tym poradniku: wyraźny plik źródłowy, ograniczona liczba kolorów i kontrola krawędzi po eksporcie. Wektoryzacja online przydaje się, gdy nie masz takiego programu albo potrzebujesz SVG bez instalowania czegokolwiek. Pobrany plik możesz potem otworzyć w Illustratorze lub Inkscape i dopracować ręcznie.

Czy mogę stworzyć logo bez pliku PNG?

Skorzystaj z narzędzia Tekst na grafikę wektorową, żeby wygenerować wstępny projekt z opisu. Dopracuj powstałą grafikę, a dokładny napis z nazwą marki dodaj w edytorze wektorowym.

Na koniec: sprawdź plik tam, gdzie go użyjesz

Dobra wektoryzacja logo zachowuje kształty, kolory i odstępy, po których rozpoznaje się znak. Zacznij od wyraźnego pliku, zmieniaj tylko to, co tego wymaga, i obejrzyj wyeksportowany plik tam, gdzie będzie używany. Zamień logo PNG na SVG i sprawdź wynik na grafice, którą już masz.