Branding

Jak zwektoryzować logo

7 min czytania · Opublikowano 2 sie 2026 · Zaktualizowano 2 paź 2026

Wektoryzacja logo oznacza przerysowanie obrazu złożonego z pikseli na obraz złożony z kształtów — konturów i wypełnień o matematycznych współrzędnych zamiast stałej siatki kolorowych kwadratów. Wynik skaluje się do dowolnego rozmiaru bez rozmycia, drukuje w dowolnej rozdzielczości, a później można zmienić jego kolory albo kształt.

Powodem tych poszukiwań jest niemal zawsze ta sama nagła potrzeba: klient przysłał swoje logo jako 400-pikselowy JPG ściągnięty z jego własnej strony internetowej, a drukarnia, producent szyldów albo hafciarz zażądał wektora. Automatyczna wektoryzacja robi większość drogi w kilka sekund. Ostatni odcinek — dokładne kolory marki i żywy tekst — to kilka minut pracy w edytorze i w przeważającej mierze o tym odcinku jest ten przewodnik.

Zanim cokolwiek skonwertujesz, znajdź największą istniejącą wersję

Każdy piksel źródła to informacja, z której może skorzystać silnik wektoryzacji, a logo wyciągnięte ze strony internetowej ma ich bardzo mało. Przed konwersją poświęć dwie minuty na poszukiwanie większej wersji: folder favicon na stronie klienta, stara faktura albo prezentacja w PDF (otwórz ją i wyeksportuj logo w 300 dpi — być może jest już wektorem), wydrukowana broszura, którą można zeskanować, albo podpis e-mailowy kogoś, kto pracuje tam od dawna.

Jeśli 200-pikselowy JPG to naprawdę wszystko, co istnieje, i tak go skonwertuj, ale licz się z porządkowaniem. W tym rozmiarze kształty liter nie mają już ostrych krawędzi do odnalezienia — każda granica to dwu- albo trzypikselowe przejście tonalne — a silnik wektoryzacji wiernie odtworzy tę miękkość jako lekko garbate krzywe.

JPG niesie jeden problem dodatkowy, którego nie ma PNG: artefakty kompresji. Blokowate halo wokół mocno kontrastowych krawędzi jest niewidoczne na pierwszy rzut oka, a bardzo wyraźne dla detektora krawędzi, który odczytuje je jako szczegół i odrysowuje. Jeśli twoje źródło to JPG zapisany w niskiej jakości, ta frędzla jest największą pojedynczą przeszkodą między tobą a czystym wynikiem.

Zanim sprawdzisz cokolwiek innego, sprawdź liczbę wypełnień

Dwukolorowe logo powinno wrócić jako dwa płaskie wypełnienia. Otwórz wynik w Illustratorze, Inkscape, Affinity albo Figmie i zobacz, ile tak naprawdę zawiera odrębnych kształtów. Ta jedna czynność wyłapuje niemal każdy problem, który warto wyłapać: jeśli płaski granatowy logotyp dotarł jako jedenaście niemal identycznych odcieni niebieskiego, źródło miało szum kompresji albo miękkie zacienienie, a wszystko dalsze — przemalowanie, separacje, płyty drukarni — będzie walką.

Kiedy wypełnień jest właściwa liczba, ale mają niewłaściwe wartości, to oczekiwane i łatwe. Silnik wektoryzacji próbuje to, co faktycznie jest w obrazie, czyli to, co zostawiły kompresja JPG i profil kolorów zrzutu ekranu — #003C71 marki wraca jako #023E70. Zaznacz każde wypełnienie i ustaw ręcznie rzeczywistą wartość szesnastkową albo Pantone. Dwie minuty, a to różnica między logo zgodnym z księgą znaku a logo prawie zgodnym.

Złóż logotyp na żywym tekście, wektoryzuj tylko symbol

Litery z odrysowania nigdy nie są tak dobre jak prawdziwy font. Są blisko — często na tyle blisko, że nikt nie zauważy na wizytówce — ale w rozmiarze billboardu różnica między prawdziwym łukiem a odrysowanym przybliżeniem łuku to dokładnie to miejsce, gdzie pada wzrok. Łodygi kołyszą się o ułamek milimetra, zakończenia się zaokrąglają, a odstępy są zamrożone w tym, co miało obraz źródłowy.

Zidentyfikuj więc krój pisma i złóż tekst porządnie. WhatTheFont, Matcherator serwisu Font Squirrel i własne dopasowywanie fontów Adobe rozpoznają większość komercyjnych krojów z czystego wycinka. Następnie zwektoryzuj tylko symbol albo monogram, a logotyp złóż na żywym tekście obok — co znaczy też, że logo można później złożyć w innym rozmiarze albo światłości bez powtarzania czegokolwiek.

Jeśli krój jest nierozpoznawalny, własnościowy albo mocno zmodyfikowany, odrysuj także litery, a potem poświęć czas na te dwie–trzy, które niosą największy ciężar. Nikt nie przygląda się małemu „n”; każdy patrzy na wersalik.

SVG i co robić, gdy ktoś prosi o coś innego

SVG jest tym, co dostajesz, i dla prawie każdego zastosowania jest tym, czego chcesz. Każde aktualne narzędzie projektowe go importuje, przeglądarki renderują go natywnie, oprogramowanie do cięcia go przyjmuje, a to format tekstowy, który możesz otworzyć i przeczytać, jeśli kiedyś zajdzie potrzeba sprawdzenia, co faktycznie jest w pliku.

Czego nie dostaniesz, to EPS, PDF, DXF ani AI. Nie ma konwertera dla żadnego z nich w całym procesie, a prośba o którykolwiek jest odrzucana na poziomie API, a nie przyjmowana po to, by po cichu się nie powieść później.

Ma to znaczenie w dokładnie jednej sytuacji: starsza drukarnia sitodrukowa albo zakład szyldów, których RIP jest starszy niż SVG i które z nazwy żądają EPS-a. Otwórz SVG w Illustratorze, Inkscape albo Affinity i zapisz plik, o który proszą — to jedno naciśnięcie klawisza na tych samych ścieżkach, a to zadanie twój edytor wykona lepiej niż jakakolwiek usługa konwersji.

Krok po kroku

  1. 01

    Znajdź największe dostępne źródło

    Przejrzyj stare pliki PDF, materiały drukowane i podpisy e-mail, zanim zadowolisz się JPG ze strony. Każdy dodatkowy piksel to informacja, z której silnik wektoryzacji może skorzystać.

  2. 02

    Prześlij plik

    Przeciągnij plik na workspace. PNG, JPEG, WebP i BMP są wszystkie przyjmowane, a typ pliku odczytywany jest z bajtów, nie z rozszerzenia.

  3. 03

    Sprawdź ustawienia

    Nie ma czego wybierać co do formatu — wynikiem jest SVG. Cała reszta konwersji jest ustalana automatycznie na podstawie obrazu.

  4. 04

    Skonwertuj i otwórz wynik

    Pobierz SVG i otwórz go w Illustratorze, Inkscape, Affinity albo Figmie.

  5. 05

    Popraw kolory i tekst

    Ustaw każde wypełnienie na rzeczywistą wartość marki, a każdy odrysowany logotyp zastąp żywym tekstem w rozpoznanym kroju.

Częste problemy

Logo wróciło z dziesiątkami niemal identycznych kolorów
Źródłem jest JPG z artefaktami kompresji albo ma miękki cień rzucany. Znajdź wersję PNG, jeśli istnieje. Jeśli nie, użyj w edytorze zaznaczania po podobnym kolorze i scal niemal duplikaty w jedno wypełnienie — to znacznie szybsze, niż brzmi, i wystarczy zrobić raz.
Krawędzie wyglądają na lekko garbate albo chwiejne
Źródło było za małe; silnik wektoryzacji wiernie odtwarza wygładzone antyaliasingiem piksele, które nigdy nie były czystą krawędzią. Na planie Lite i wyższym zwiększ wygładzanie. Poniżej najszybszą poprawką jest większy obraz źródłowy.
Za wszystkim znajduje się biały prostokąt
Źródło zostało spłaszczone na białe tło — JPG zawsze jest, bo JPEG nie ma przezroczystości. Tło wraca jako osobny kształt; zaznacz go i usuń. Zaczynanie od przezroczystego PNG eliminuje ten problem całkowicie.
Cienkie kreski zniknęły
Włoska linia o szerokości jednego piksela w źródle nie ma wnętrza, które silnik mógłby wypełnić. Powiększ źródło przed konwersją albo na planie Lite i wyższym zwiększ poziom szczegółowości, żeby drobniejsze elementy przetrwały etap scalania.

Często zadawane pytania

Czy mogę zwektoryzować logo za darmo?
Tak. Podgląd na stronie głównej w ogóle nie wymaga konta, a darmowe konto konwertuje 10 obrazów miesięcznie do 2 megapikseli, bez karty. To wystarcza na typowy przypadek jednego logo, które trzeba uratować.
Czy zwektoryzowane logo będzie dokładnie zgodne z kolorami marki?
Nie automatycznie i żadne automatyczne narzędzie nie potrafi. Silnik wektoryzacji próbuje kolory, które faktycznie są w obrazie, a JPG, który przeszedł przez kompresję i zrzut ekranu, nie przechowuje już oryginalnych wartości. Ustaw ręcznie rzeczywiste wartości szesnastkowe albo Pantone po konwersji — zajmuje to około dwóch minut i to ten krok robi różnicę.
Czy wynik nadaje się do druku wielkoformatowego?
Geometria jest niezależna od rozdzielczości, więc drukuje się w dowolnym rozmiarze. To, czy w tym rozmiarze dobrze wygląda, zależy od źródła: logo odrysowane z 2000-pikselowego PNG wytrzyma na oklejeniu pojazdu, a to z 200-pikselowego favicona pokaże swoje pochodzenie. Sprawdź wynik w pełnym rozmiarze przed wysłaniem.
A jeśli logo ma gradient?
Gradienty są przybliżane jako pasma płaskiego koloru, a nie odtwarzane jako wypełnienia gradientem. Dla logo to zwykle wygląda źle, więc uczciwa odpowiedź brzmi: odbuduj gradient ręcznie na wierzchu odrysowanego kształtu — co jest szybkie, gdy kontur jest już poprawny.

Powiązane przewodniki

Pliki cookie

Używamy plików cookie Google Analytics, aby wiedzieć, które strony są odwiedzane i gdzie odwiedzający się zacinają — bez reklam, bez profilowania, nic nie jest sprzedawane. Odrzuć, a witryna działa dokładnie tak samo. Szczegóły w Polityce prywatności.