Hur du vektoriserar en logo

Varje pixel i källan är information som vektoriseringsmotorn får använda, och en logo hämtad från en webbsida har mycket få av dem. Lägg innan konverteringen två minuter på att leta upp en större: favicon-mappen på kundens webbplats, en gammal PDF-faktura eller presentation (öppna den och exportera logon i 300 dpi — den kanske redan är vektor), en tryckt broschyr du kan läsa in, eller e-postsignaturen hos någon som arbetat där länge.

Om en JPG på 200 pixlar verkligen är allt som finns, konvertera den ändå, men räkna med att städa upp. I den storleken har bokstavsformerna inga skarpa kanter kvar att hitta — varje kant är en toning över två eller tre pixlar — och vektoriseringsmotorn återger troget den mjukheten som något buckliga kurvor.

En JPG bär på ett extra problem som en PNG inte har: komprimeringsartefakter. Den blockiga rand som omger kanter med hög kontrast är osynlig vid en första anblick men mycket synlig för en kantdetektor, som tolkar den som detalj och spårar den. Om din källa är en JPG sparad i låg kvalitet är randen det enskilda största som står mellan dig och ett rent resultat.

En logo i två färger ska komma tillbaka som två platta fyllningar. Öppna resultatet i Illustrator, Inkscape, Affinity eller Figma och se hur många distinkta former den faktiskt innehåller. Den här kontrollen fångar nästan vartenda problem som är värt att fånga: om ett mörkblått ordmärke har kommit som elva nästan identiska blå toner hade källan komprimeringsbrus eller en mjuk skugga, och allt nedströms — omfärgning, separationerna, tryckeriets plattor — blir en kamp.

När fyllningarna är rätt till antalet men fel i värde är det väntat och lätt att åtgärda. Motorn samplar det som faktiskt finns i bilden, vilket är vad JPG-komprimeringen och skärmdumpens färgprofil lämnat kvar — ett varumärkes #003C71 kommer tillbaka som #023E70. Markera varje fyllning och ställ in det verkliga hex- eller Pantone-värdet för hand. Två minuter, och det är skillnaden mellan en logo som matchar varumärkesmanualen och en som nästan gör det.

Spårade bokstavsformer är aldrig lika bra som det riktiga teckensnittet. De är nära — ofta nära nog att ingen lägger märke till det på ett visitkort — men i skyltstorlek är skillnaden mellan en riktig kurva och en spårad approximation av en exakt dit blicken går. Stammarna avviker en bråkdel av en millimeter, terminalerna rundas av och mellanrummen är frusna vid vad än källbilden hade.

Identifiera därför teckensnittet och sätt texten ordentligt. WhatTheFont, Matcherator från Font Squirrel och Adobes egen typsnittsigenkänning namnger de flesta kommersiella snitt utifrån ett rent urklipp. Vektorisera sedan bara symbolen eller monogrammet och sätt ordmärket i levande text bredvid — vilket också innebär att logon kan sättas om i en annan storlek eller spärrning senare utan att något behöver göras om.

Om snittet inte går att identifiera, är specialritat eller kraftigt modifierat, spåra även texten och lägg sedan tiden på de två eller tre bokstäver som bär tyngst. Ingen granskar en gemen ”n”; alla tittar på versalen.

SVG är det du får, och för nästan alla ändamål är det det du vill ha. Varje aktuellt designverktyg importerar det, webbläsare renderar det inbyggt, skärprogram tar det, och det är ett textformat du kan öppna och läsa om du någon gång behöver veta vad filen faktiskt innehåller.

Det du inte får är EPS, PDF, DXF eller AI. Det finns ingen konverterare för något av dem i pipelinen, och en förfrågan om något av dem avvisas av API:et i stället för att accepteras och tyst misslyckas senare.

Det spelar roll i exakt en situation: ett äldre silkscreentryckeri eller skyltföretag vars RIP är äldre än SVG och som ber om EPS vid namn. Öppna SVG:en i Illustrator, Inkscape eller Affinity och spara filen de ber om — det är en knapptryckning på samma banor, och det är ett steg som ditt redigeringsprogram gör bättre än en konverteringstjänst skulle.