Vektorisera en logotyp: från PNG till flerfärgad SVG, gratis
Hela tekniken, inte bara ett formatbyte: vilken förinställning du väljer, hur många färger du behåller, vad ett lagerbaserat SVG ger och hur du kontrollerar resultatet. Gratis, utan registrering.
Vad det egentligen innebär att vektorisera en logotyp
Att vektorisera en logotyp betyder att bygga om den till geometriska former - banor, inte pixlar - så att den håller skärpa från ett 16-pixelsfikon till en butiksskylt. Rätt gjort behåller SVG:en varje färg i originalet som ett eget redigerbart lager. Om din fil är klar gör den gratis onlinekonverterare för logotyperdet på under en minut; resten av guiden handlar om att få ett resultat du kan lämna till ett tryckeri, en utvecklare eller en skärmaskin.
Två grannguider håller den här fokuserad: konvertering av alla rasterformat tas upp i guiden om konvertering av bilder till SVG, och att rädda en liten, suddig eller pixelerad logotyp har en egen räddningsprocess, länkad nedan. Här handlar det om logotypens hantverk: färgantal, lagerutdata och kvalitetskontroll.
En varning först: vissa «konverterare» lämnar en .svg som i själva verket är din PNG inlindad i en base64-<image>-tagg. Öppna filen i en texteditor: en enda gigantisk kodad blobb i stället för <path>-element betyder att du fått en omdöpt bitmapp, inte en vektor.
Faktiska resultat från konverteraren
Tre sorters logotyper kommer inom dörren
Vilken förinställning du väljer beror på vilken av de tre logotyperna du har i handen. Avgör det först - det är den största kvalitetshävarmen som finns.
Enfärgade varumärket
Ordmärke, ikon, stämpel: en färg på slät botten. Det lättaste fallet: förinställningen Svartvitt ger en ren form, minst möjliga fil och exakt det gravörer, vinylskärare och schabloner efterfrågar.
Platta flerfärgade logotypen
Två till sex helfärger, utan gradienter - den vanligaste kundlogotypen. Förinställningen Poster är byggd för den: varje färgområde blir en egen vektorbana, staplad i lager. Just det här fallet förstör generella guider genom att platta till allt i svartvitt.
Emblemet fullt av gradienter
Metallglans, mjuka skuggor, 3D-effekter. Vektorisering kan bara approximera gradienter som färgband. Förinställningen Foto gör jobbet bäst, men vänta dig en stiliserad posterversion av ditt emblem, inte en tvilling - och en mycket tyngre fil.
Vilken förinställning för vilken logotyp
Matcha din logotyp mot en rad och ta förinställningen - hela beslutet i en tabell:
| Din logotyp | Förinställning | Vad du får |
|---|---|---|
| Enfärgat ordmärke, ikon eller stämpel | Svartvitt | En ren form, minimal fil, klar för skärning |
| 2-6 helfärger (de flesta kundlogotyper) | Poster | En redigerbar bana per färg |
| Gradienter, metallic, mjuka skuggor | Foto | Gradienter approximerade som band |
| Logotyp på stökig eller färgad botten | Förbered först | Beskär eller ta bort bakgrunden, vektorisera sedan |
| Pytteskärmdump, under ~200 px bred | Skaffa en större fil | Ingen förinställning hittar på upplösning - se guiden för suddiga logotyper |
| Logotyp med tunna seriffer eller mycket detaljer | Poster + mer detalj | Högre bandetal håller tunna streck levande |
Nyfiken på vad som händer med pixlarna bakom varje val? Mekaniken-redovisningen finns i vad vektorisering egentligen gör.
Hur många färger ska SVG:en behålla?
Det är beslutet generella tutorials hoppar över - och det avgör både troheten och filens vikt. Varje extra färg kostar banor; konsten är att stanna vid antalet färger logotypen faktiskt har:
- 1-2 färger: Svartvitt. Om varumärket är en färg plus bakgrund betalar färgvektorisering bara kantutjämningens brus. En form, en fjäderlätt fil.
- 3-8 helfärger: Poster. Sweetspot för riktiga logotyper. Varumärkesfärgerna överlever som namngivna lager du kan omfärga; JPEG-dimman mellan formerna absorberas, vektoriseras inte.
- Tiotals nyanser: Foto. Bara för gradientemblem. Troheten stiger, men också vikten: en Foto-SVG kan väga tio gånger sin Poster-syskon och ändå se stiliserad ut.
Tumregel: räkna färgerna i varumärkesmanualen, lägg till en för bakgrunden - och stanna där. Om du inte kan namnge en färgs syfte ska vektoriseraren inte rita den.
Lagerbaserad SVG: varför en bana per färg spelar roll
Öppna en väl vektoriserad logotyp-SVG i en texteditor så hittar du en liten hög <path>-element - ett per färg, det största först. Den strukturen är ingen implementeringsdetalj: den är det som gör filen till en fungerande tillgång i stället för en bild av en.
Eftersom varje färg är en egen bana blir en omprofilering en tvåminutersredigering: markera lagret, applicera den nya fyllningen, exportera - i Inkscape, Illustrator eller valfri editor som öppnar SVG. På webben låter en fyllning på currentColor logotypen följa sidans tema automatiskt. En tillplattad vektorisering erbjuder inget av det: varje omfärgning betyder vektorisering från noll.
Vektorisera en logotyp gratis (4 steg)
Utan konto, utan installation, utan vattenmärke:
- Ladda upp logotypen - dra in PNG, JPG, WebP eller BMP. Den största, renaste version du har vektoriseras bäst.
- Välj förinställning enligt tabellen ovan: Svartvitt för enfärgade märken, Poster för platta flerfärgade logotyper, Foto för gradientemblem.
- Ställ in färgantalet på varumärkespaletten - ungefär de färger logotypen ritades med, plus bakgrunden.
- Kontrollera förhandsvisningen mot checklistan nedan och ladda ner SVG:en - riktiga <path>-element, klara för tryck, webb eller skärmaskin.
Under huven drivs konverteringen av en automatisk vektoriseringsmotor härledd från VTracer, open source-tracern i Rust. Din logotyp byggs om som staplade vektorformer - den paketeras eller döps aldrig om.
Är vektoriseringen bra? En kvalitetskontroll på 60 sekunder
Innan du lämnar filen, kör den genom fyra kontroller. Tillsammans tar de en minut och fångar varje vanligt fel:
- Zooma till 400 %. Kanterna ska förbli mjuka kurvor. Trappor eller dimma betyder för liten källa eller för högt färgantal.
- Krymp till favicon-storlek. Om märket är oläsligt vid 16 px är vektoriseringen trogen, men logotypen behöver en förenklad ikonvariant - vektorisera bara symboldelen separat.
- Kontrollera färgerna. Varje varumärkesfärg ska läsas som sig själv. Felaktiga toner betyder att vektoriseraren spenderade färger på kantutjämning - sänk antalet och gör om.
- Väg filen. En logotyp-SVG ska vara några KB. Tiotals KB betyder att motorn ritade brus; den vikten följer filen till varje sida som laddar den.
Favicon-testet är det folk hoppar över och ångrar: en vektor som bara fungerar i full storlek skyddar inget som en högupplöst PNG inte redan skyddade.
När vektorisering av logotyp inte funkar - och vad du gör i stället
Tre situationer för hit människor där vektoriseraren, ärligt talat, är fel verktyg:
- Gradientemblem. Vektorisering approximerar gradienter som band. Om glansen ÄR varumärket, be kunden om originalvektorn eller stanna i raster - en bandad SVG kan se sämre ut än en skarp PNG.
- Den enda filen är en skärmdump på 150 pixlar. Ingen förinställning hittar på pixlar, men uppskalning är inte den enda vägen: räddningsprocessen i guiden för att laga en suddig logotyp pressar betydligt mer ur små filer än en rak vektorisering.
- Det är egentligen ett foto med text på. Foton kräver andra förinställningar och andra förväntningar - guiden foto till SVG täcker det området.
Skiljelinjen: vektorisering omvandlar rena former till renare former. När det inte finns rena former i källan är lösningen en bättre källa eller en omritning - inte fler inställningar.
Illustrator mot Inkscape mot en gratis onlinekonverterare
Alla tre vägarna leder till SVG. De skiljer sig i kostnad, inlärningskurva och vad du kan rätta efteråt:
| Verktyg | Bäst för | Se upp med |
|---|---|---|
| Adobe Illustrator | Full manuell kontroll: rita om banor för hand, exakta varumärkesfärger, överlämning till tryckeri | En prenumeration för det som oftast är ett enda Image Trace-klick |
| Inkscape (gratis) | Lokal vektorisering, banredigering och rensning utan programkostnad | Inlärningskurvan för en fullständig editor; flerfärg kräver fliken multiskanning |
| Onlinekonverterare | En logotyp, en minut, ingen installation - färgförinställningar anpassade för logotyper, lagerutdata | Batchjobb och grov rensning hör hemma på skrivbordet; kontrollera sekretesspolicyn för konfidentiella varumärken |
Ärlig notering: Illustrators Image Trace och Inkscape Bitmap vektorisera kör samma typ av motor som en online-vektorisering. Betald programvara köper manuell redigering efteråt - inte en bättre automatisk vektorisering.
En logotyp, varje variant - och en batchväg
Riktigt varumärkesarbete är aldrig en enda fil. Samma konvertering täcker hela uppsättningen:
- Varianter: bara ikon, horisontell version, inverterad för mörka bakgrunder - vektorisera varje från sin rasterkälla, samma förinställning, konsekventa resultat.
- Destinationer: tryck (från visitkort till skylt), webb (från favicon till hero) och skärmaskiner eller gravörer som följer vektorbanor direkt.
- Överlämning: en lagerbaserad SVG med en bana per färg är filen utvecklare och tryckerier efterfrågar - slut på mejlen «kan du skicka en större version?».
Konvertera hela identitetspaketet i ett svep - varje variant, varje historisk logotyp - är precis vad guiden för batchkonvertering automatiserar med gratis skrivbordsapp.
Relaterade konverteringsguider
Räddning, teori och batcharbete - guiderna runt omkring.
Vanliga frågor
Hur vektoriserar jag en logotyp gratis?
Ladda upp logotypen i den gratis onlinekonverteraren, välj förinställning som passar (Svartvitt för enfärgade märken, Poster för platta flerfärgade logotyper, Foto för gradientemblem), ställ in färgantalet på paletten och ladda ner SVG:en. Utan konto och vattenmärke; gratis skrivbordsapp gör samma sak lokalt för arbete offline.
Kan jag vektorisera en logotyp utan Adobe Illustrator?
Ja. Illustrators Image Trace kör samma typ av automatisk vektoriseringsmotor som gratisverktygen: prenumerationen köper manuell banredigering, inte en bättre automatisk vektorisering. För en engångskonvertering ger en gratis onlinekonverterare eller Inkscape en lika giltig SVG.
Behåller en flerfärgad logotyp sina färger i SVG:en?
Med förinställningen Poster, ja: varje färgområde blir en egen vektorbana, så SVG:en behåller paletten som redigerbara lager du kan omfärga i valfri editor. Undvik Svartvitt för färgade logotyper - det plattar till allt till en enda form.
Har SVG:en transparent bakgrund?
Vektoriseringen återger formerna i din fil: har käll-PNG:en transparent bakgrund behåller SVG:en den; ligger logotypen på en helfärgad bakgrund spåras även den som en form. För ett rent urklipp tar du bort bakgrunden före uppladdning, eller raderar bakgrundslagret efteråt i en SVG-editor.
Är det säkert att ladda upp en konfidentiell kundlogotyp?
Onlinekonverteraren bearbetar bilden och kastar den - ingenting lagras. För logotyper under NDA eller strikta varumärkesmanualer kör open source-skrivbordsappen samma konvertering helt på din maskin, offline.
Vektorisera din logotyp nu - gratis, utan registrering
Ladda upp PNG eller JPG, välj en förinställning och ladda ner en flerfärgad lager-SVG på under en minut - utan konto, utan vattenmärke, utan Illustrator.
Stöd öppen källkodsutveckling
PixelToPath är gratis att använda. Om detta verktyg hjälpte dig att spara tid, överväg att bjuda mig på en kaffe.
❤️ Donera på Ko-fi