Käyttöopas

Lisää neliölogo ja leveä logo

Lataa neliömäinen tunnus ja leveä logoteksti, rajaa ja kierrä ne sovelluksessa, säilytä useita variantteja ja opi, kumman kukin PDF-malli tulostaa.

Päivitetty: 2026-09-09

Useimmilla yrityksillä logo on olemassa useammassa kuin yhdessä muodossa. On kompakti tunnus, joka istuu ympyrään tai neliöön, ja on pidempi versio, jossa yrityksen nimi on kirjoitettu tunnuksen viereen. Invoice Flow säilyttää molemmat, kahdessa erillisessä paikassa yritysprofiilissa, koska niillä on eri tehtävät: neliötunnus on profiilikuvasi sovelluksen sisällä ja se elementti, jonka jotkin mukautetut PDF-asettelut tulostavat, kun taas leveän version painavat otsakkeeseen kaksitoista sisäänrakennettua laskumallia. Jos sinulla on vain yksi tiedosto, voit silti täyttää molemmat paikat siitä: rajausnäkymässä voit leikata neliön leveästä banderollista tai leveän kaistaleen julisteesta.

Tämä opas seuraa Tidewater Brewing Companya, pientä panimoa Portlandissa Mainessa, joka toimittaa tynnyreitä Old Portin baareihin. Sen omistajalla Nora Quinlanilla on pyöreä vihreä merkki, jossa on kirjaimet TB, sekä leveä logoteksti. Hän haluaa merkin sovellukseen ja käsityöläistyyliselle laskulle, joka lähtee tynnyritoimitusten mukana, ja logotekstin siistimmälle laskulle, jonka hän lähettää ravintoloille.

Muun profiilin määrittämiselle on oma oppaansa; tämä käsittelee logorivin, sen takana olevan rajausnäkymän ja sen, miten PDF-mallit valitsevat kahden kuvan välillä.

Mitä näet ruudulla

Avaa Asetukset (Settings) ja napauta ylintä profiiliruutua (tai Yritysprofiilit (Business Profiles) ja sitten profiili). Avautuvan lomakkeen otsikko on Muokkaa yritysprofiilia (Edit Business Profile), ja sen ensimmäinen rivi on logorivi. Ensimmäisellä käynnistyskerralla sama rivi näkyy käyttöönoton toisella sivulla.

Rivillä on kaksi paikkaa:

• Vasemmalla neliömäinen ruutu. Sen yläpuolella on pieni pudotusvalikko, jossa lukee v.1 · 1:1 ja joka listaa kolme neliövarianttia. Neliöpaikka rajaa aina suhteessa 1:1, ja suositeltu koko on 1200×1200 px.
• Oikealla leveämpi ruutu, joka vie loput rivistä. Sen pudotusvalikossa lukee oletuksena 4:1 · 1200×300 px, ja se tarjoaa neljä muotoa: 4:1 · 1200×300 px, 3:1 · 1500×500 px, 2:1 · 1200×600 px ja 16:9 · 1920×1080 px.

Tyhjässä ruudussa näkyy kamera-plus-kuvake ja sen alla Lisää-painike (Add). Kun kuva on paikassa, ruutu näyttää kuvan sen oikeissa mittasuhteissa sävytetyllä taustalla ja painikkeen teksti muuttuu muotoon Vaihda (Change). Kummassakin pudotusvalikossa täytetty valintaympyrä merkinnän edessä tarkoittaa, että kyseisellä variantilla on jo kuva; tyhjä ympyrä tarkoittaa, että se on vapaa.

Miten logo ladataan paikkaan

Kulku on sama molemmissa paikoissa; vain rajauksen muoto vaihtelee.

1. Napauta profiilin muokkausnäkymässä tyhjää ruutua tai sen Lisää-painiketta. Sovellus avaa kuvagalleriasi heti (logoille ei ole kameravaihtoehtoa; ota kuva ensin, jos tarvitset sitä).
2. Valitse kuva: PNG, JPEG tai kuvakaappaus kirjelomakkeestasi. Valitsin hyväksyy neliöpaikkaan enintään 2048 px sivua kohden ja leveään paikkaan 4096 px.
3. Rajaa kuva -näkymä avautuu kehyksellä, joka on lukittu paikan muotoon. Siirrä kuvaa vetämällä yhdellä sormella, zoomaa nipistämällä kahdella sormella tai käytä alareunan painikkeita (ks. seuraava osio).
4. Napauta oikean yläkulman valintamerkkiä. Sovellus renderöi kehyksen sisällön PNG-tiedostoksi ja palaa profiilin muokkausnäkymään, jossa ruudussa näkyy nyt rajauksesi ja painikkeessa lukee Vaihda.
5. Vieritä alas ja napauta Tallenna muutokset (tai Jatka käyttöönoton aikana). Siihen asti logo on olemassa vain avoimessa lomakkeessa; näkymästä poistuminen hylkää sen, ja sovellus varoittaa tallentamattomista muutoksista poistuttaessa.

Jos haluat täyttää toisen paikan samasta tiedostosta, toista vaiheet toisella ruudulla ja valitse kuva uudelleen. Nora valitsee neliöpaikkaan merkin ja leveään paikkaan banderollin, jossa on sekä merkki että logoteksti, ja liu’uttaa sitten banderollin 4:1-kehyksen sisällä sopivaan kohtaan.

Miten kuvaa rajataan, kierretään ja siirretään

Rajausnäkymä on musta ja rajauskehys on keskellä. Kaikki, mikä näkyy kehyksen sisällä, päätyy logoon — mukaan lukien vaalea shakkiruudutus, joka näkyy läpinäkyvien alueiden takana: tallennettu kuva on yhtenäinen PNG, ei läpinäkyvä. Ohut valkoinen kolmanneksien ruudukko auttaa kohdistamaan tekstin reunoihin nähden.

Alareunan kuudella kuvakkeella ei ole tekstiselitteitä; pitkä painallus näyttää nimen. Vasemmalta oikealle:

1. Napauta ensin Auto-sovita, jos kuvan ympärillä on tyhjää tilaa. Painike on hetken käytöstä poissa näkymän avautumisen jälkeen, kun sovellus lukee kuvan koon.
2. Vedä kuvaa niin, että haluamasi osa on kehyksen sisällä. Nipistä lähentääksesi pientä tunnusta tai loitontaaksesi, jos haluat mukaan enemmän.
3. Jos lähdekuva on otettu kyljellään, napauta Kierrä kerran tai kahdesti. Myös kahden sormen kierto kääntää kuvaa vapaasti mihin tahansa kulmaan; käytä sitä hieman vinon skannauksen suoristamiseen.
4. Napauta Keskitä napsauttaaksesi kuvan takaisin keskelle, kun zoomaus on kohdallaan, tai jompaakumpaa yhden akselin painiketta, jos vain toinen suunta on liikahtanut.
5. Napauta Palauta aloittaaksesi alusta tai vasemman yläkulman X:ää jättääksesi paikan ennalleen.
6. Napauta valintamerkkiä säilyttääksesi rajauksen.

Jos haluat rajata paikassa jo olevan logon uudelleen, napauta Vaihda ja valitse Rajaa kuva. Rajausnäkymä avautuu tallennettuun kuvaan, joka on edellinen rajaus eikä alkuperäinen: jos leikkasit ensimmäisellä kerralla liikaa pois, käytä Korvaa kuva -toimintoa ja valitse alkuperäinen uudelleen.

Miten logo korvataan, rajataan uudelleen tai poistetaan

Kun paikassa on kuva, Vaihda-painike ei enää hyppää suoraan galleriaan. Se avaa lyhyen alapaneelin, jossa on kolme vaihtoehtoa.

1. Napauta Vaihda sen paikan alla, jota haluat muokata.
2. Valitse Korvaa kuva valitaksesi uuden tiedoston galleriasta ja rajataksesi sen, Rajaa kuva avataksesi rajausnäkymän nykyiseen kuvaan, tai Poista tyhjentääksesi paikan.
3. Poista-toiminnossa vahvista valintaikkunassa, jonka otsikko on Poistetaanko tämä? (Remove this entry?), napauttamalla punaista Poista-painiketta, tai peruuta valinnalla Peruuta.
4. Napauta lomakkeen alareunassa Tallenna muutokset. Kuten valintaikkunan teksti kertoo, poisto astuu voimaan vasta kun lomake tallennetaan.

Poisto koskee yhtä varianttia, sitä joka on parhaillaan valittuna kyseisen paikan pudotusvalikossa. Jos leveässä paikassa näkyy 4:1 ja poistat sen, aiemmin lataamaasi 16:9-versioon ei kosketa.

Miten logosta säilytetään useampi kuin yksi versio

Kumpikin paikka tallentaa useita toisistaan riippumattomia kuvia. Neliöpaikassa on kolme numeroitua versiota (v.1, v.2, v.3), kaikki 1:1, ja leveässä paikassa yksi kuva kutakin kuvasuhdetta kohden. Ruudun yläpuolella oleva pudotusvalikko tekee kaksi asiaa kerralla: se vaihtaa, mitä kuvaa ruutu näyttää ja muokkaa, ja se merkitsee kyseisen kuvan aktiiviseksi eli versioksi, jota muu sovellus käyttää.

1. Avaa paikan yläpuolella oleva pudotusvalikko ja valitse tyhjä merkintä (tyhjä ympyrä), esimerkiksi v.2 · 1:1 tai 16:9 · 1920×1080 px.
2. Ruutu muuttuu tyhjäksi ja painikkeessa lukee Lisää. Napauta sitä, valitse kuva, rajaa se kyseisen muodon kehyksessä ja vahvista.
3. Avaa pudotusvalikko uudelleen ja valitse merkintä, jonka haluat arjen oletukseksi. Siitä tulee aktiivinen variantti.
4. Napauta Tallenna muutokset.

Nora pitää vakiomerkin versiossa v.1 ja talviversion versiossa v.2; joulukuussa hän vaihtaa pudotusvalikosta v.2:n ja tallentaa. Leveässä paikassa hänellä on 4:1-logoteksti ja pinottu 16:9-versio.

Leveän pudotusvalikon vaihtaminen ei koskaan muotoile olemassa olevaa kuvaa uudelleen; 2:1:n valitseminen näyttää yksinkertaisesti 2:1-kuvan, oli se tyhjä tai ei. Jos haluat saman kuvituksen toisessa muodossa, lataa se uudelleen kyseisen muodon alle.

Miten mallit päättävät, kumman logon ne tulostavat

Invoice Flow’ssa on kaksi PDF-asettelujen perhettä, ja ne kohtelevat kahta paikkaa eri tavoin.

Sisäänrakennetut mallit (Clean, Professional, Modern, Classic ja loput kahdestatoista, jotka valitaan laskun muokkausnäkymässä kohdasta Valitse malli (Select Template)) tulostavat aina leveän logon. Kuva sijoitetaan otsakkeessa 60×60 pt:n laatikkoon mittasuhteet säilyttäen, joten 4:1-logotekstistä tulee 60 pt leveä ja 15 pt korkea kaistale, joka asettuu yritystietojen ylä- tai sivupuolelle mallista riippuen. Nämä mallit eivät koskaan käytä neliötunnusta.

Mukautetut mallit mallipohjagalleriasta ja visuaalisesta editorista sisältävät erilliset elementit nimeltä Neliölogo (Square logo) ja Leveä logo (Wide logo). Asettelu tulostaa ne elementit, jotka se sisältää. Valmiista esiasetuksista esimerkiksi Trades, Clean (Modern-ryhmässä), Centered ja Dense sijoittavat neliötunnuksen, kun taas Business, Services, Accent stripe, Statement ja Airy sijoittavat leveän. Neliöelementti tulostuu kokoon 60×60 pt; leveä elementti on 40 pt korkea ja niin leveä kuin sen mittasuhteet sallivat, mikä sopii logotekstille paljon paremmin kuin sisäänrakennettu otsakelaatikko.

Jos haluat renderöidä laskun neliölogoa käyttävällä asettelulla, avaa Asetukset, sitten Mukautetut mallit (Custom templates), valitse esiasetus kohdasta Mallipohjagalleria (Template gallery) (tai rakenna oma Neliölogo-elementillä) ja napauta Käytä (Use). Valitse sitten laskun muokkausnäkymässä kyseinen malli Mukautettu malli -kortista kohdassa Valitse malli. Malleja ja mukautettujen mallien editoria käsittelevät oppaat kertovat tästä tarkemmin.

Leveälle paikalle on laskun muokkausnäkymässä vielä yksi säädin. Kun profiiliisi on ladattu kaksi tai useampia leveitä versioita, mallin valinnan alle ilmestyy Logon variantti -kortti (Logo variant), jossa on pikkukuva kutakin kuvasuhdetta kohden sekä Käytä profiilin oletusta -painike (Use profile default). Pikkukuvan napauttaminen saa kyseisen laskun tulostamaan juuri sen version profiilin aktiivisen version sijaan; valinta tallentuu laskun mukana. Vastaava Neliölogon variantti -kortti on kolmelle neliöversiolle.

Säännöt ja yksityiskohdat

• Mitään logoihin liittyvää ei tallenneta ennen kuin napautat Tallenna muutokset tai Jatka. Lisääminen, rajaaminen, poistaminen ja aktiivisen variantin vaihtaminen elävät siihen asti vain avoimessa lomakkeessa.
• Kummankin paikan rajaus on lukittu sen muotoon: 1:1 neliöpaikassa ja leveässä paikassa se kuvasuhde, joka on parhaillaan valittuna pudotusvalikossa.
• Rajaus renderöidään ruudulta kahden–neljän kertaisella näyttötiheydellä. Tavallisella puhelimella tuloksena on noin 2000 px:n neliölogo, joka on riittävän terävä painoon. Tuloste on häviötön PNG, mutta se otetaan talteen kehyksen vaalea tausta takanaan, joten lähdekuvan läpinäkyvät alueet päätyvät vaaleaksi shakkikuvioksi eivätkä läpinäkyvyydeksi, ja myös himmeät ruudukkoviivat voivat tallentua mukaan.
• Aktiivinen neliövariantti on se, jonka sovellus näyttää profiilikuvanasi Asetusten profiiliruudussa ja Yritysprofiilit-listassa. Jos neliölogoa ei ole lainkaan, profiilikuva putoaa takaisin leveään logoon ja sen jälkeen nimikirjaimiisi.
• Profiilin monistaminen Yritysprofiilit-listasta kopioi kaikki logoversiot uuteen profiiliin.
• Sisäänrakennetut mallit tulostavat vain leveän logon. Jos aktiivinen leveä versio on tyhjä, otsakkeessa ei yksinkertaisesti ole logoa; neliötunnus ei astu tilalle.
• Mukautetuissa malleissa Neliölogo-elementti tulostaa profiilin aktiivisen neliövariantin. Laskukohtainen Neliölogon variantti -kortti asettaa arvon laskulle, mutta mukautettu renderöijä lukee tällä hetkellä profiilin aktiivisen variantin tämän ohituksen sijaan; leveiden logojen Logon variantti -ohitusta noudattavat molemmat malliperheet.
• Logotyökaluja itsessään ei ole rajoitettu, mutta profiilin muokkausnäkymän avaaminen Asetuksista edellyttää voimassa olevaa kokeilujaksoa tai Pro-tilausta, kuten muutkin Asetusten näkymät.
• Sovelluksen vanhemmissa versioissa luodut profiilit, joissa oli yksi logokenttä, toimivat edelleen: kyseinen kuva ladataan leveään paikkaan (aktiivisen kuvasuhteen alle), kunnes korvaat sen. Neliöpaikka on aluksi tyhjä.

Vinkkejä

Aiheeseen liittyvät oppaat

• Määritä yritysprofiilisi
• PDF-mallit, paletit ja fontit
• Mukautettujen mallien editori