Brändäys

Logon vektorointi

Lukuaika 7 min · Julkaistu 2.8.2026 · Päivitetty 2.10.2026

Logon vektorointi tarkoittaa pikseleistä koostuvan kuvan piirtämistä uudelleen muodoista koostuvaksi kuvaksi — ääriviivoiksi ja täytöiksi, joilla on matemaattiset koordinaatat värillisten neliöiden kiinteän ruudukon sijaan. Tulos skaalautuu mihin kokoon tahansa pehmenemättä, painuu millaisella resoluutiolla tahansa, ja sen värejä tai muotoa voi muuttaa jälkeenpäin.

Syy hakea tätä on lähes aina sama hätätilanne: asiakas on lähettänyt logonsa 400 pikselin JPG:nä, poimittuna omilta verkkosivuiltaan, ja painotalo, kylttilaaja tai kirjontamo vaatii vektoria. Automaattinen vektorointi vie työstä suurimman osan muutamassa sekunnissa. Viimeinen matka — täsmälliset brändivärit ja aito teksti — on muutaman minuutin työtä editorissa, ja tämä opas kertoo ennen kaikkea tuosta viimeisestä matkasta.

Etsi suurin olemassa oleva versio ennen kuin muunnat mitään

Jokainen lähteen pikseli on tietoa, jota jäljitys pääsee käyttämään, ja verkkosivulta poimitussa logossa niitä on hyvin vähän. Ennen muunnosta käytä kaksi minuuttia suuremman version etsimiseen: asiakkaan sivuston favicon-kansio, vanha PDF-lasku tai esitys (avaa se ja vie logo 300 dpi:n koossa — se voi jo valmiiksi olla vektoria), skannattavissa oleva painettu esite tai pitkään paikalla työskennelleen ihmisen sähköpostin allekirjoitus.

Jos 200 pikselin JPG on aidosti kaikki, mitä on olemassa, muunna se silti, mutta odota siistimistä tarvittavan. Tuossa koossa kirjainmuodoilla ei ole enää teräviä reunoja löydettäväksi — jokainen reuna on kahden tai kolmen pikselin pehmeä siirtymä — ja jäljitys toistaa sen pehmeyden uskollisesti hieman kyhmyisinä käyrinä.

JPG:ssä on lisäksi yksi ongelma, jota PNG:llä ei ole: pakkausartefaktit. Terävien kontrastireunojen ympärillä oleva lohkomainen varjoreuna on silmäyksellä näkymätön mutta hyvin näkyvä reunantunnistajalle, joka tulkitsee sen yksityiskohdaksi ja jäljittää sen. Jos lähde on matalalla laatuasetuksella tallennettu JPG, tuo reunus on suurin yksittäinen este puhtaan lopputuloksen tiellä.

Tarkista täyttöjen määrä ennen kaikkea muuta

Kaksivärinen logon pitäisi palata kahden tasavärin täyttönä. Avaa tulos Illustratorissa, Inkscape-ohjelmassa, Affinityssä tai Figmassa ja katso, montako erillistä muotoa se oikeasti sisältää. Tämä yksi tarkistus poimi lähes jokaisen tarkistamisen arvoisen ongelman: jos tasaisen tummansininen tekstilogo on saapunut yksitoista lähes identtistä sinisen sävyä, lähteessä oli pakkauskohinaa tai pehmeä pudotusvarjo, ja kaikki myöhempi — uudelleenvärjäys, painoerottelut, painotalon painolevyt — muuttuu taisteluksi.

Kun täyttöjä on oikea määrä mutta niiden arvo on väärä, se on odotettua ja helppoa. Jäljitys näytteistää sen, mitä kuvassa oikeasti on — jotakin, minkä JPG-pakkaus ja kuvakaappauksen väriprofiili jättivät jäljelle — ja brändin #003C71 palaa muodossa #023E70. Valitse jokainen täyttö ja aseta oikea heksa- tai Pantone-arvo käsin. Kaksi minuuttia, ja se on ero brändiohjetta vastaavan logon ja melkein vastaavan logon välillä.

Aseta tekstilogo aitoon kirjasintyyppiin ja vektoroi vain symboli

Jäljitetyt kirjainmuodot eivät ole koskaan yhtä hyviä kuin aito kirjasintyyppi. Ne ovat lähellä — usein niin lähellä, ettei kukaan huomaa mitään käyntikortissa — mutta mainostaulun koossa ero aidon käyrän ja jäljitetyn approksimaation välillä on juuri se, mihin silmä kiinnittyy. Varret horjuvat murto-osan millimetristä, päätteet pyöristyvät ja välistys on jähmettynyt siihen, mitä lähdekuva sisälsi.

Tunnista siksi kirjasintyyppi ja aseta teksti kunnolla. WhatTheFont, Font Squirrelin Matcherator ja Adoben oma fontintunnistus nimeävät useimmat kaupalliset kirjasimet puhtaasta rajauksesta. Vektoroi sen jälkeen vain symboli tai monogrammi ja aseta tekstilogo aitona tekstinä sen viereen — mikä merkitsee myös, että logon voi myöhemmin asettaa uudelleen toiseen kokoon tai kirjainvälitykseen tekemättä mitään uudelleen.

Jos kirjasinta ei voi tunnistaa, se on räätälöity tai sitä on muokattu voimakkaasti, jäljitä kirjaimetkin ja käytä sitten aikaa kahteen tai kolmeen kirjaimeen, jotka kantavat eniten painoa. Kukaan ei tarkastele pientä n-kirjainta; kaikki katsovat versaalia.

SVG ja mitä tehdä, kun joku pyytää jotain muuta

SVG on se, mitä saa, ja lähes jokaiseen käyttöön se on myös se, mitä halutaan. Jokainen nykyinen suunnitteluohjelma tuo sen sisään, selaimet piirtävät sen natiivisti, leikkausohjelmistot ottavat sen vastaan, ja se on tekstimuotoinen tiedosto, jonka voi avata ja lukea, jos tiedoston todellisen sisällön joskus tarvitsee tietää.

Mitä sen sijaan ei saa, on EPS, PDF, DXF tai AI. Kenellekään niistä ei ole muunninta prosessissa, ja pyyntö hylätään jo API:ssa sen sijaan, että se hyväksyttäisiin ja epäonnistuisi hiljaa myöhemmin.

Tällä on merkitystä täsmälleen yhdessä tilanteessa: vanhemmassa silkkipaino- tai kyltityöpajassa, jonka RIP on SVG:tä vanhempi ja joka pyytää EPS:ää nimeltä. Avaa SVG Illustratorissa, Inkscape-ohjelmassa tai Affinityssä ja tallenna pyydetty tiedosto — se on yksi näppäinpainallus samoihin polkuihin, ja se on vaihe, jonka oma editori tekee paremmin kuin muunnospalvelu.

Vaihe vaiheelta

  1. 01

    Etsi suurin saatavilla oleva lähde

    Tarkista vanhat PDF:t, painotiedostot ja sähköpostin allekirjoitukset ennen kuin tyydyt sivustolta poimittuun JPG:hen. Jokainen lisäpikseli on tietoa, jota jäljitys voi käyttää.

  2. 02

    Siirrä tiedosto

    Raahaa tiedosto työtilaan. PNG, JPEG, WebP ja BMP kelpaavat kaikki, ja tiedostotyyppi luetaan tavuista eikä tiedostopäätteestä.

  3. 03

    Tarkista asetukset

    Muodosta ei tarvitse valita mitään — tulos on SVG. Kaikki muu muunnoksessa päätetään automaattisesti kuvan perusteella.

  4. 04

    Muunna ja avaa tulos

    Lataa SVG ja avaa se Illustratorissa, Inkscape-ohjelmassa, Affinityssä tai Figmassa.

  5. 05

    Korjaa värit ja kirjasimet

    Aseta jokainen täyttö oikeaan brändiarvoon ja korvaa jäljitetyt tekstilogot aidolla tekstillä tunnistetussa kirjasintyypissä.

Yleiset ongelmat

Logossa palasi kymmeniä lähes identtisiä värejä
Lähde on JPG, jossa on pakkausartefakteja, tai siinä on pehmeä pudotusvarjo. Etsi PNG-versio, jos sellainen on olemassa. Jos ei ole, valitse editorissa samankaltaisen värin mukaan ja yhdistä lähes identtiset osat yhdeksi täytöksi — se on paljon nopeampaa kuin kuulostaa, eikä sitä tarvitse tehdä kuin kerran.
Reunat näyttävät hieman kyhmyisiltä tai horjuvilta
Lähde oli liian pieni; jäljitys toistaa uskollisesti antialiasoidut pikselit, jotka eivät koskaan olleet puhdas reuna. Lite-paketissa ja sitä ylempänä lisää pehmennystä. Sitä alempana nopein korjaus on suurempi lähdekuva.
Kaiken takana on valkoinen suorakulmio
Lähde oli litistetty valkoiselle taustalle — JPG aina on, sillä JPEG-muodossa ei ole läpinäkyvyyttä. Tausta palaa omana muotonaan; valitse se ja poista se. Läpinäkyvästä PNG:stä aloittaminen välttää ongelman kokonaan.
Ohuet vedot ovat kadonneet
Yhden pikselin levyisellä hiusviivalla ei ole sisäosaa, jonka jäljitys voisi täyttää. Suurenna lähde ennen muunnosta tai nosta Lite-paketissa ja sitä ylempänä yksityiskohtaisuutta, jotta hienommat piirteet selviävät yhdistysvaiheesta.

Usein kysytyt kysymykset

Voiko logon vektoroida ilmaiseksi?
Kyllä. Etusivun esikatselu ei vaadi tiliä lainkaan, ja ilmainen tili muuntaa 10 kuvaa kuukaudessa enintään 2 megapikselin koossa ilman maksukorttia. Se riittää tavalliseen tapaukseen, jossa yksi logo kaipaa pelastamista.
Vastaako vektoroitu logo brändivärejä täsmälleen?
Ei automaattisesti, eikä mikään automaattinen työkalu voi. Jäljitys näytteistää ne värit, jotka kuvassa oikeasti ovat, ja pakkauksen ja kuvakaappauksen läpikäynyt JPG ei enää sisällä alkuperäisiä arvoja. Aseta oikeat heksa- tai Pantone-luvut käsin muunnoksen jälkeen — se vie noin kaksi minuuttia ja on juuri se vaihe, joka ratkaisee.
Onko tulos riittävän hyvä suurkokoiseen painatukseen?
Geometria on riippumaton resoluutiosta, joten se painuu mihin kokoon tahansa. Sen, näyttääkö se kyseisessä koossa oikealta, päättää lähde: 2000 pikselin PNG:stä jäljitetty logo kestää ajoneuvokääreessä, 200 pikselin faviconista jäljitetty paljastaa alkuperänsä. Tarkista tulos täydessä koossa ennen lähettämistä.
Entä jos logossa on liukuväri?
Liukuvärit approksimoidaan tasaväriskaistoina sen sijaan, että ne toistettaisiin liukuväritäyttöinä. Logossa se luetaan yleensä virheeksi, joten rehellinen vastaus on rakentaa liukuväri käsin jäljitetyn muodon päälle — se on nopeaa, kun ääriviiva on kerran oikein.

Aiheeseen liittyvät oppaat

Evästeet

Käytämme Google Analytics -evästeitä selvittääksemme, mitkä sivut ovat käytettyjä ja missä vierailijat jäävät jumiin — ei mainontaa, ei profilointia, mitään ei myydä. Hylkää, niin sivusto toimii täsmälleen samoin. Yksityiskohdat ovat tietosuojaselosteessa.