Är din logotyp suddig eller pixlig? Så här vektoriserar du en logotyp (PNG/JPG till SVG) gratis på 1 minut
Du har inte längre källfilen, bara en JPG skickad via WhatsApp eller en PNG som är för liten. PixelToPath återskapar skarpa banor: en SVG användbar på webben, en affisch eller ett visitkort - utan Adobe Illustrator.
Hur man vektoriserar en logotyp i 3 steg (1 minut)
Ingen betalprogramvara, inget konto. Den JPG eller PNG du redan har blir en skarp SVG.
Ladda upp PNG eller JPG
Dra och släpp logotypfilen: webbplatsexport, skanning, skärmdump, kundbilaga. Ju större och mer kontrastrik den är, desto renare blir spårningen.
Välj logotypförinställningen
Svartvitt för en logotyp eller en monokrom ikon. Affisch om logotypen har några platta färger. Undvik Foto: för mycket detaljer tynger ner en logotyp utan att göra den skarpare.
Ladda ner den fixade SVG:n
Konvertera, förhandsgranska, ladda ner. En enda fil, skarp från storleken av en favicon till en butiksskylt.
Före / Efter: en pixlig logotyp, sedan fixad
Detta är det vanligaste fallet för frilansare och småföretag: den enda tillgängliga filen är en rasterbild. Förstorad faller den isär. Vektoriserad blir den en användbar bana igen. De två exemplen nedan visar samma motiv: till vänster en export som är för liten (den förstorade JPG/PNG-effekten); till höger den skarpa SVG som PixelToPath strävar efter.
Dessa bilder är illustrationer av problemet, inte skärmdumpar av ditt varumärke. Den goda kandidaten: logotyp, initialer, ikon, enkla former. En fotorealistisk logotyp eller en med mycket övertoningar kommer att förbli en approximation.
Varför blir din JPG- eller PNG-logotyp suddig?
En JPG- eller PNG-logotyp är inte en ritning: det är ett foto av den ritningen, ett fast rutnät av pixlar. Så länge du visar den i originalstorlek - en miniatyrbild i ett mejl, en LinkedIn-avatar - fungerar det. Den dag du förstorar den för en affisch, en Retina-webbplats, ett visitkort eller en skylt, blir varje pixel en synlig fyrkant. JPG lägger också till artefakter runt bokstäver och platta färger: en halo, brus och taggiga kanter.
Scenariot är nästan alltid detsamma. Designern levererade en .ai eller .svg för flera år sedan, och filen är förlorad. Vad som återstår är en PNG från webbplatsen, en JPG komprimerad av ett socialt nätverk, ibland ett foto av logotypen på ett fönster. Att göra om en komplett identitet i Adobe Illustrator är dyrt och tidskrävande. Du behöver ingen ny logotyp. Du behöver fixa den du redan har.
Att vektorisera en logotyp är att fixa den
Att vektorisera är inte att "magiskt förbättra" ett foto. Det är att ersätta pixelrutnätet med kurvor: SVG-banor som skärmen, skrivaren eller skärmaskinen ritar om i valfri storlek. PixelToPath spårar konturerna av PNG- eller JPG-filen och ger dig en SVG-fil - det format som tryckerier, utvecklare och skärprogramvara förväntar sig.
I praktiken, när logotypen är i SVG:
- Skarp i alla storlekar: 32px favicon, webbplatssidhuvud, 2m banderoll, fordonsdekor - samma fil
- Filen är ofta mycket lättare än en @2x PNG, och laddas därför snabbare på en webbplats
- Redigerbar: öppna den i Inkscape, Figma eller Illustrator för att ändra en färg eller isolera en ikon
- Professionell leverans: du kan äntligen skicka "vektorlogotypen" till tryckeriet, utvecklaren eller kunden
Vilken fil ska man ladda upp för en bra spårning?
PixelToPath kan inte uppfinna detaljer som bilden inte längre har. Börja med det minst dåliga original du har:
- Den största tillgängliga filen: en 800px PNG vektoriseras bättre än en 120px miniatyr, även om den är suddig
- Föredra en transparent PNG framför en komprimerad JPG med vit bakgrund; beskära onödiga marginaler
- En logotyp med platta färger, solida bokstäver och få övertoningar: detta är det idealiska fallet. En komplex övertoning eller en fotoskugga kommer att förenklas
- Om du har flera versioner (svart, färg, endast ikon), vektorisera dem en efter en: en ren fil för varje variant
Behöver du Adobe Illustrator för att vektorisera en logotyp?
Illustrator förblir referensverktyget om du ritar om en identitet för hand, eller om källfilen i .ai fortfarande existerar. Funktionen Bildspårning (Image Trace) är kraftfull - och kostar pengar, med en inlärningskurva. Figma vektoriserar inte en JPG: den visar den. Inkscape gör det, gratis, men du måste installera programvaran och justera bitmappsspårningen.
Om ditt behov är: "Jag har en PNG, jag behöver en skarp SVG i dag", är PixelToPath den kortaste vägen. Gratis, i webbläsaren, inget konto. Du får en SVG som du alltid kan förfina senare i Inkscape eller Illustrator om en ankarpunkt eller färg behöver justeras.
Varför fixa logotypen med PixelToPath?
Källfilen är borta. Designprenumerationen finns inte i budgeten. Du har bara webbplatsens PNG - och en minut.
Gratis, ingen vattenstämpel
Ingen Creative Cloud-prenumeration för en spårning. Så många logotypvarianter du vill, till noll kostnad.
En minut, inte en omdesign
Ladda upp, välj förinställning, exportera. Du fixar den befintliga filen i stället för att anlita en designer för en enkel SVG.
Logotyp = känslig fil
Bilder bearbetas och kasseras sedan. Ingenting lagras. Lämpligt för varumärkesriktlinjer och identiteter under NDA.
Förinställningar gjorda för logotyper
Svartvitt för monokromt, Affisch för platta färger. Du kontrollerar detaljerna innan du laddar ner.
Offline-batch
Flera versioner (ikon, horisontell, inverterad)? Skrivbordsappen för Windows / Linux med öppen källkod bearbetar dem på din maskin.
PNG, JPG, BMP, WebP
Det spelar ingen roll om kunden skickade en WhatsApp JPG, en WordPress PNG eller en WebP-export: bara ett verktyg.
Där en fixad SVG-logotyp förändrar allt
Så fort filen är i vektorformat slutar du pyssla med PNG-filer som är för små:
- Webbplats och sociala medier: ett skarpt Retina-sidhuvud, en ren favicon, ingen mer suddig logotyp på startsidan
- Tryck: affisch, flyer, roll-up, visitkort - tryckeriet ber om vektor, du har det
- Skyltning, bildekor, vägvisning: förstora utan att frukta pixelering
- Frilansleverans: skicka kunden en SVG + en PNG-version tillbaka, även om du bara fick en JPG
- Kläder och merch: flex, broderi, screentryck - verkstäder arbetar från banor, inte en komprimerad JPEG
Behåll JPG:en för foton. Fixa logotypen till SVG. Det är åtgärden som tryckerier och webbutvecklare förväntar sig, och som många småföretag aldrig har kunnat göra utan Illustrator.
Relaterade konverteringsguider
Logotypen är bara ett fall. Här är de andra handledningarna för PixelToPath.
Vanliga frågor
Jag har bara logotypen i JPG, räcker det för att få en SVG?
Ja, det är exakt det användningsfallet är till för. Börja från den största JPG eller PNG du har. En fil som är för liten (under 200 px) kommer att resultera i en ungefärlig spårning: PixelToPath följer vad som fortfarande är synligt, det "hallucinerar" inte fram saknade bokstäver. Om logotypen är läsbar på skärmen har vektoriseringen goda chanser att bli användbar.
Behöver jag Adobe Illustrator för att vektorisera en logotyp?
Nej. Illustrator är användbart för att rita om eller retuschera för hand. För att omvandla en PNG/JPG till en SVG räcker PixelToPath: gratis, ingen installation, inget konto. Du kan öppna SVG:n senare i Illustrator, Inkscape eller Figma om du vill justera en nod.
Kommer SVG:n att vara identisk med original-logotypen?
På en logotyp med platta färger, solida bokstäver och rena konturer: väldigt nära, ofta oskiljaktig i användning. Övertoningar, fotoskuggor, texturer och mycket fina linjer kommer att förenklas. Kontrollera alltid förhandsgranskningen innan du skickar filen till tryckeriet. En snabb retuschering i Inkscape är fortfarande möjlig: SVG:n är en redigerbar fil, inte en platt bild.
Vilken förinställning ska jag välja för en färglogotyp?
Affisch för en logotyp med några platta färger (blått + orange, till exempel). Svartvitt för en monokrom version, en stämpel eller en enda ikon. Foto endast om du vill ha en stiliserad effekt: det är inte rätt läge för en professionell logotyp.
Kan jag använda denna SVG för en storformatsaffisch eller en skylt?
Ja: det är hela poängen med vektorgrafik. En SVG har ingen "upplösning". Kontrollera att formerna är stängda och att färgerna matchar varumärkesriktlinjerna (tryckfärger, RAL, etc.). För bildekor eller skärning producerar den Svartvita förinställningen ofta de renaste banorna.
Fixa din suddiga logotyp på en minut
Ladda upp den PNG eller JPG du har, ladda ner SVG:n. Gratis, inget konto, inget 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