Jak vektorizovat logo: z PNG do vícebarevného SVG, zdarma
Kompletní technika, ne jen výměna formátu: který preset zvolit, kolik barev ponechat, co přináší vrstvené SVG a jak výsledek zkontrolovat. Zdarma, bez registrace.
Co vektorizace loga skutečně znamená
Vektorizovat logo znamená přestavět ho na geometrické tvary - cesty, ne pixely - aby zůstalo ostré od 16pixelové favicony po firemní nápis. Dobře udělané SVG zachovává každou barvu originálu jako vlastní editovatelnou vrstvu. Pokud máte soubor po ruce, bezplatný online převodník logto zvládne za minutu; zbytek tohoto průvodce se týká výsledku, který můžete odevzdat tiskárně, vývojáři nebo řezacímu stroji.
Dva sousední průvodce drží tento zaměřený: převod libovolného rastru řeší průvodce převodem libovolného obrázku do SVG a záchranu malého, rozmazaného nebo pixelového loga má vlastní postup, odkazovaný níže. Tady řešíme řemeslo specifické pro loga: počty barev, vrstvený výstup a kontrolu kvality.
Jedno upozornění předem: některé „převodníky“ vám vydají .svg, které je ve skutečnosti vaše PNG zabaleno do base64 tagu <image>. Otevřete soubor v textovém editoru: jeden obří kódovaný blok místo elementů <path> znamená, že jste dostali přejmenovanou bitmapu, ne vektor.
Skutečné výsledky z převodníku
Tři druhy log přicházejí ke dveřím
Volba presetu závisí na tom, které ze tří log máte v ruce. Rozhodněte to jako první - je to největší pákou kvality, kterou máte.
Jednobarevná značka
Logotyp, ikona, razítko: jedna barva na plain pozadí. Nejsnazší případ: preset Černobílý dá jeden čistý tvar, nejmenší možný soubor a přesně to, co chtějí rytci, vinyl a šablony.
Ploché vícebarevné logo
Dvě až šest plných barev, bez přechodů - nejběžnější klientské logo. Preset Poster je pro něj stvořený: každá barevná oblast se stane vlastní vektorovou cestou, naskládanou ve vrstvách. Právě tenhle případ kazí generické průvodce tím, že všechnu plochou srazí do černobílé.
Emblém plný přechodů
Kovové lesky, měkké stíny, 3D efekty. Tracing umí přechody jen aproximovat barevnými pásy. Preset Photo odvádí nejlepší práci, ale čekejte stylizovanou verzi emblému, ne dvojníka - a mnohem těžší soubor.
Jaký preset pro jaké logo
Přiřaďte logo k řádku a vezměte preset - celé rozhodnutí v jedné tabulce:
| Vaše logo | Preset | Co dostanete |
|---|---|---|
| Jednobarevný logotyp, ikona nebo razítko | Černobílý | Jeden čistý tvar, minimální soubor, připraveno k řezu |
| 2-6 plných barev (většina klientských log) | Poster | Po jedné editovatelné cestě na barvu |
| Přechody, kovové lesky, měkké stíny | Photo | Přechody aproximované pásy |
| Logo na rušném nebo barevném pozadí | Nejdřív připravit | Ořízněte nebo odstraňte pozadí, pak traceujte |
| Drobný screenshot, šířka pod ~200 px | Sežeňte větší soubor | Žádný preset nevynalézá rozlišení - viz průvodce rozmazaným logem |
| Logo s jemnými serify nebo hodně detaily | Poster + více detailů | Vyšší detail cest drží při životě jemné tahy |
Zajímá vás, co se s pixely při každé volbě stane? Mechanika je rozebraná v co vektorizace skutečně dělá.
Kolik barev má SVG ponechat?
Tohle je rozhodnutí, které generické tutoriály vynechávají - a určuje jak věrnost, tak váhu souboru. Každá další barva přidává cesty; umění je zastavit se na počtu barev, které logo skutečně má:
- 1-2 barvy: Černobílý. Pokud je značka jedna barva plus pozadí, barevný tracing platí jen šum antialiasingu. Jeden tvar, soubor lehký jako pírko.
- 3-8 plných barev: Poster. Ideální bod skutečných log. Barvy značky přežijí jako pojmenované vrstvy, které můžete přebarvit; jpegová mlha mezi tvary se vstřebá, netraceuje se.
- Desítky odstínů: Photo. Jen pro emblémy s přechodem. Věrnost roste, ale i váha: SVG v režimu Photo může vážit desetkrát tolik jako sourozenec z Posteru a pořád vypadat stylizovaně.
Pravidlo palce: spočítejte barvy z brand manuálu, přičtěte jednu za pozadí - a tam se zastavte. Pokud nedokážete pojmenovat účel barvy, tracer by ji neměl kreslit.
Vrstvené SVG: proč jedna cesta na barvu má význam
Otevřete dobře traceované logo v textovém editoru a najdete malou hromádku elementů <path> - pro každou barvu jeden, největší první. Tahle struktura není implementační detail: je to, co dělá ze souboru fungující asset místo jeho obrázku.
Protože každá barva je vlastní cesta, rebranding je dvouminutová úprava: vyberte vrstvu, aplikujte novou výplň, exportujte - v Inkscape, Illustratoru nebo jakémkoli editoru, co otevírá SVG. Na webu nasměrování výplně vrstvy na currentColor nechá logo automaticky následovat téma stránky. Zploštělý tracing z toho nenabízí nic: každé přebarvení znamená tracing znovu od nuly.
Jak vektorizovat logo zdarma (4 kroky)
Bez účtu, bez instalace, bez vodoznaku:
- Nahrajte logo - přetáhněte PNG, JPG, WebP nebo BMP. Největší a nejčistší verze, jakou máte, se traceuje nejlépe.
- Vyberte preset podle tabulky výše: Černobílý pro jednobarevné značky, Poster pro plochá vícebarevná loga, Photo pro emblémy s přechodem.
- Nastavte počet barev na paletu značky: zhruba barvy, kterými bylo logo navrženo, plus pozadí.
- Zkontrolujte náhled podle checklistu níže a stáhněte SVG - skutečné elementy <path>, připravené pro tisk, web nebo řez.
Pod kapotou konverze běží na automatickém tracingovém enginu odvozeném od VTraceru, open-source traceru v Rustu. Vaše logo se přestaví jako vrstvené vektorové tvary - nikdy se nezabaluje ani nepřejmenovává.
Je tracing dobrý? Kontrola kvality za 60 sekund
Než soubor pošlete dál, projděte ho čtyřmi kontrolami. Dohromady trvají minutu a chytí každou běžnou chybu:
- Přibližte na 400 %. Hrany musí zůstat hladké křivky. Schody nebo mlha znamenají malý zdroj nebo vysoký počet barev.
- Zmenšete na velikost favicony. Pokud je značka nečitelná na 16 px, tracing je věrný, ale logo potřebuje zjednodušenou variantu ikony - traceujte zvlášť jen symbol.
- Zkontrolujte barvy. Každá barva značky má vypadat jako sama sebe. Posunuté tóny znamenají, že tracer utratil barvy za antialiasing - snižte počet a traceujte znovu.
- Zvažte soubor. Logo SVG má mít pár KB. Desítky KB znamenají, že tracer nakreslil šum; ta váha pojede se souborem na každou stránku, která ho načte.
Test favicony je ten, co lidé přeskočí a litují: vektor fungující jen v plné velikosti nechrání nic, co by už nechránilo PNG ve vysokém rozlišení.
Když tracing loga nefunguje - a co dělat místo něj
Tři situace přivádějí lidi k tomuto průvodci, přestože je tracer upřímně špatný nástroj:
- Emblémy s přechody. Tracing aproximuje přechody jako pásy. Pokud je lesk samotnou značkou, vyžádejte si po klientovi původní vektor nebo zůstaňte u rastru - pásované SVG může vypadat hůř než ostré PNG.
- Jediný soubor je 150pixelový screenshot. Žádný preset nevynalézá pixely, ale upscaling není jediná cesta: záchranný postup z průvodce opravou rozmazaného loga z malých souborů vytěží mnohem víc než přímý tracing.
- Ve skutečnosti je to fotka s textem. Fotky vyžadují jiné presety a jiná očekávání - průvodce foto na SVG pokrývá tohle území.
Dělicí linie: tracing mění čisté tvary na čistší tvary. Pokud v zdroji nejsou čisté tvary, řešením je lepší zdroj nebo překreslení - ne další nastavování.
Illustrator vs Inkscape vs bezplatný online převodník
Všechny tři cesty vedou do SVG. Liší se cenou, learning curve a tím, co můžete opravit poté:
| Nástroj | Nejlepší pro | Na co si dát pozor |
|---|---|---|
| Adobe Illustrator | Plná ruční kontrola: překreslování cest ručně, přesné barvy značky, předání tiskárně | Předplatné za to, co je většinou jeden klik Image Trace |
| Inkscape (zdarma) | Lokální tracing, editace a čištění cest bez nákladů na software | Learning curve plnohodnotného editoru; vícebarevnost vyžaduje záložku multiscan |
| Online převodník | Jedno logo, jedna minuta, bez instalace - presety barev laděné pro loga, vrstvený výstup | Dávkové úlohy a velké čištění zůstávají na desktopu; u důvěrných značek zkontrolujte zásady soukromí |
Poctivá poznámka: Illustratorův Image Trace a Inkscape Vektorizovat rastrový obrázek běží na stejném typu enginu jako online tracer. Placený software kupuje ruční editaci po tracingu - ne lepší automatický tracing.
Jedno logo, každá varianta - a dávková cesta
Skutečná brandová práce nikdy není jeden soubor. Tatáž konverze pokryje celou sadu:
- Varianty: jen ikona, horizontální verze, invertovaná pro tmavá pozadí - každou traceujte z jejího rastrového zdroje, stejný preset, konzistentní výsledky.
- Destinace: tisk (od vizitek po nápis), web (od favicony po hero) a řezačky nebo rytce, které následují vektorové cesty přímo.
- Předání: vrstvené SVG s jednou cestou na barvu je soubor, po kterém ptají vývojáři a tiskárny - konec e-mailům „můžete poslat větší verzi?“.
Převést celý identitní kit jedním tahem - každou variantu, každé historické logo - přesně to průvodce dávkovou konverzí automatizuje bezplatnou desktopovou aplikací.
Související průvodce konverzí
Záchrana, teorie a dávková práce - průvodce kolem tohohle.
Časté dotazy
Jak vektorizovat logo zdarma?
Nahrajte logo do bezplatného online převodníku, vyberte odpovídající preset (Černobílý pro jednobarevné značky, Poster pro plochá vícebarevná loga, Photo pro emblémy s přechodem), nastavte počet barev na paletu a stáhněte SVG. Bez účtu a vodoznaku; bezplatná desktopová aplikace dělá totéž lokálně pro offline práci.
Lze vektorizovat logo bez Adobe Illustratoru?
Ano. Illustratorův Image Trace používá stejný typ automatického tracingového enginu jako bezplatné nástroje: předplatné kupuje ruční editaci cest, ne lepší automatický tracing. Pro jednorázovou konverzi dodá bezplatný online převodník nebo Inkscape stejně platné SVG.
Zachová vícebarevné logo své barvy v SVG?
S presetem Poster ano: každá barevná oblast se stane vlastní vektorovou cestou, takže traceované SVG zachovává paletu jako editovatelné vrstvy, které můžete přebarvit v jakémkoli editoru. Černobílý u barevných log vynechte - všechnu srazí do jednoho tvaru.
Má SVG průhledné pozadí?
Tracing reprodukuje tvary z vašeho souboru: pokud má zdrojové PNG průhledné pozadí, SVG ho zachová; pokud logo leží na plném pozadí, i to pozadí se natraceuje jako tvar. Pro čistý výřez odstraňte pozadí před nahráním, nebo smažte vrstvu pozadí poté v SVG editoru.
Je bezpečné nahrát důvěrné logo klienta?
Online převodník zpracuje obrázek a zahodí ho - nic se neukládá. Pro loga pod NDA nebo přísným brand manuálem dělá open-source desktopová aplikace tutéž konverzi kompletně na vašem stroji, offline.
Vektorizujte své logo teď - zdarma, bez registrace
Nahrajte PNG nebo JPG, vyberte preset a stáhněte vrstvené vícebarevné SVG za minutu - bez účtu, bez vodoznaku, bez Illustratoru.
Podpořte vývoj Open Source
PixelToPath je zdarma. Pokud vám tento nástroj ušetřil čas, zvažte, že mi koupíte kávu.
❤️ Přispět přes Ko-fi