Att vektorisera en logga betyder att göra om den från en bild av pixlar till en fil byggd av linjer och former. En vektoriserad logga kan göras hur stor som helst utan att bli suddig. Det är den filen skyltmakaren, tryckeriet och den som bygger din hemsida vill ha.
Den här guiden är för dig som bara har loggan som en JPG eller PNG och har fått höra att den "måste vara i vektor".
Vad är skillnaden mellan pixlar och vektor?
En vanlig bild, som en JPG eller PNG, består av pixlar. Adobe kallar det rasterbilder. Förstorar du en sådan bild ser du till slut de enskilda pixlarna, och kanterna blir trappstegiga eller suddiga.
En vektorfil innehåller inga pixlar. Den beskriver formerna som linjer, kurvor och ytor. Därför kan den enligt Adobe skalas upp eller ned utan att kvaliteten påverkas. Samma fil fungerar till ett visitkort och till en fasadskylt.
Är min logga redan i vektor?
Titta på filändelsen. Enligt Adobe är SVG, EPS och AI (Adobe Illustrator) vektorformat, medan JPG, PNG, GIF, TIFF och PSD är pixelformat. PDF är oftast vektor, men det beror på hur filen skapades och den kan innehålla pixlar.
Ett enkelt test: öppna filen och zooma in så långt det går. Förblir kanterna skarpa är det vektor. Ser du rutor är det pixlar.
Har du en EPS eller AI från den som en gång ritade loggan har du redan det du behöver.
När behöver du en vektoriserad logga?
- Skyltar, bildekor och fönsterfoliering. Folien skärs ut efter formerna i filen.
- Tryck i stor upplaga, som broschyrer, roll-ups och profilkläder.
- Hemsidan. SVG är ett vektorformat som webbläsare visar direkt, och enligt MDN kan en SVG-bild visas i vilken storlek som helst utan att kvaliteten försämras. Loggan blir skarp på både mobil och stor skärm.
Vilka filer en komplett profil ska innehålla står i guiden om grafisk profil.
Behöver ni en ny hemsida? Läs om Webbutveckling →
Tre sätt att vektorisera en logga
1. Fråga efter originalfilen
Börja här, för det är gratis och ger bäst resultat. Den som ritade loggan har ofta kvar en vektorfil. Fråga designern, byrån eller tryckeriet som gjorde dina första visitkort, och be om SVG, EPS eller PDF.
2. Låt ett program spåra loggan automatiskt
Det finns program som gör om en pixelbild till vektor automatiskt. Det kallas att spåra, på engelska trace.
Inkscape är ett gratis vektorprogram med öppen källkod för Windows, macOS och Linux, och det använder SVG som huvudformat. Så gör du enligt Inkscapes egen guide:
- Öppna eller importera bilden i Inkscape och markera den.
- Välj Path → Trace Bitmap (eller tryck Shift + Alt + B).
- Prova de olika filtren. "Brightness Cutoff" delar upp bilden i ljust och mörkt och passar en logga i en färg. "Color Quantization" letar efter kanter där färgen byts och passar bättre för en logga med flera färger.
- Förenkla resultatet med Path → Simplify (Ctrl + L) så att formerna får färre punkter och blir lättare att redigera.
- Spara som SVG.
Adobe Illustrator har en motsvarande funktion som heter Image Trace. Enligt Adobe markerar du bilden, klickar på Image Trace och väljer sedan Expand för att göra om spårningen till en redigerbar vektor. Illustrator kräver ett abonnemang.
Det finns också gratistjänster på nätet som gör om JPG till SVG. De fungerar på samma sätt och har samma begränsningar.
Räkna med att resultatet blir ungefärligt. Inkscape skriver själva att spårningen inte är tänkt att ge en exakt kopia eller en färdig produkt, utan kurvor att arbeta vidare med. Enkla loggor med få färger och tydliga kanter blir ofta bra. Loggor med tunna linjer, liten text, skuggor eller färgövergångar blir det sällan.
3. Låt någon rita om loggan för hand
En grafisk formgivare ritar då om loggan från grunden i ett vektorprogram, med din bild som förlaga. Texten i loggan kan sättas med rätt typsnitt i stället för en spårad efterbildning. Det tar mer tid och kostar mer, men det är det enda sättet att få ett exakt resultat från en suddig förlaga.
Så kontrollerar du resultatet
- Zooma in ordentligt. Kurvorna ska vara jämna, inte knaggliga.
- Läs texten. Spårade bokstäver får ofta lite fel form. Jämför med originalet.
- Räkna färgerna. En logga i två färger ska bli två färger, inte tjugo nyanser.
- Testa smått och stort. Skriv ut den i visitkortsstorlek och visa den i full skärm.
Vilka filer ska du spara?
När loggan finns i vektor, spara en version per användning:
- SVG till hemsidan.
- PDF eller EPS till tryckerier och skyltmakare.
- PNG med genomskinlig bakgrund till sociala medier, mejlsignatur och dokument.
- En vit och en svart variant för mörka och ljusa bakgrunder.
Spara allt på ett ställe som du själv har tillgång till, så slipper du jaga filerna nästa gång.
Så hjälper vi till
Solva tar fram logotyper och grafiska profiler åt företag och bygger hemsidor som följer dem. Hör av dig och skicka med den fil du har, så säger vi vad som behövs.
Vanliga frågor
Vad betyder vektoriserad logga?
En vektoriserad logga är sparad som linjer och former i stället för pixlar. Den kan därför göras hur stor eller liten som helst utan att bli suddig. Vanliga vektorformat är SVG, EPS, AI och oftast PDF.
Kan man vektorisera en JPG gratis?
Ja. Gratisprogrammet Inkscape kan spåra en JPG eller PNG till vektor med funktionen Trace Bitmap, och det finns gratistjänster på nätet som gör samma sak. Resultatet blir bäst för enkla loggor med få färger och tydliga kanter.
Hur vektoriserar man en bild i Inkscape?
Öppna bilden, markera den och välj Path → Trace Bitmap (Shift + Alt + B). Välj filter, till exempel Brightness Cutoff för en enfärgad logga eller Color Quantization för flera färger. Förenkla med Path → Simplify (Ctrl + L) och spara som SVG.
Finns det ett gratis vektorprogram?
Ja. Inkscape är ett gratis vektorprogram med öppen källkod som finns för Windows, macOS och Linux och sparar i SVG. Adobe Illustrator har liknande funktioner men kräver ett abonnemang.
Är PNG ett vektorformat?
Nej. PNG är ett pixelformat, precis som JPG. PNG kan ha genomskinlig bakgrund, vilket gör det bra för sociala medier och dokument, men bilden blir suddig om den förstoras. Till skyltar och tryck behövs SVG, EPS eller PDF.
Källor
Behöver ni en ny hemsida?
Berätta vad ni har i dag. Efter en kostnadsfri genomgång får ni ett fast pris skriftligt.
