Gebruikershandleiding

Een vierkant logo en een breed logo toevoegen

Upload een vierkant beeldmerk en een breed woordmerk, snijd en draai ze in de app, bewaar meerdere varianten en ontdek welke elk PDF-sjabloon afdrukt.

Bijgewerkt: 2026-09-09

De meeste bedrijven hebben hun logo in meer dan één vorm. Er is een compact beeldmerk dat in een cirkel of vierkant past, en er is een langere versie met de bedrijfsnaam ernaast uitgeschreven. Invoice Flow bewaart ze allebei, in twee aparte vakken op het bedrijfsprofiel, omdat ze verschillend werk doen: het vierkante beeldmerk is je avatar in de app en het element dat sommige aangepaste PDF-lay-outs afdrukken, terwijl de brede versie is wat de twaalf ingebouwde factuursjablonen in de koptekst zetten. Heb je maar één bestand, dan kun je beide vakken daaruit vullen: op het bijsnijdscherm knip je een vierkant uit een brede banner, of een brede strook uit een poster.

Deze gids volgt Tidewater Brewing Company, een kleine brouwerij in Portland, Maine, die fusten levert aan bars rond de Old Port. Eigenaar Nora Quinlan heeft een rond groen embleem met de letters TB en een breed woordmerk. Ze wil het embleem in de app en op de ambachtelijke factuur die met de fustleveringen meegaat, en het woordmerk op de strakkere factuur die ze naar restaurants stuurt.

Voor de rest van het profiel bestaat een eigen gids; deze behandelt de logorij, het bijsnijdscherm daarachter en hoe PDF-sjablonen tussen de twee afbeeldingen kiezen.

Wat je op het scherm ziet

Open Instellingen en tik bovenaan op de profieltegel (of op Bedrijfsprofielen en dan een profiel). Het formulier dat opent heet Bedrijfsprofiel bewerken (Edit Business Profile) en de eerste rij is de logorij. Bij de eerste start verschijnt dezelfde rij op de tweede onboardingpagina.

De rij heeft twee vakken:

• Links een vierkante tegel. Erboven staat een kleine keuzelijst met v.1 · 1:1 die drie vierkante varianten toont. Het vierkante vak snijdt altijd op 1:1 en het geadviseerde formaat is 1200×1200 px.
• Rechts een bredere tegel die de rest van de rij inneemt. De keuzelijst toont standaard 4:1 · 1200×300 px en biedt vier vormen: 4:1 · 1200×300 px, 3:1 · 1500×500 px, 2:1 · 1200×600 px en 16:9 · 1920×1080 px.

Een lege tegel toont een camera-met-plus-pictogram en daaronder een knop Toevoegen (Add). Zodra er een afbeelding in het vak staat, toont de tegel die op ware verhoudingen op een getinte achtergrond en verandert de knop in Wijzigen (Change). In elke keuzelijst betekent een gevuld vinkcirkeltje vóór een item dat die variant al een afbeelding heeft; een leeg cirkeltje betekent dat hij leeg is.

Zo upload je een logo naar een vak

De flow is voor beide vakken gelijk; alleen de bijsnijdvorm verschilt.

1. Tik in de profieleditor op de lege tegel of op de knop Toevoegen. De app opent meteen je fotogalerij (voor logo's is er geen camera-optie; maak de foto zo nodig eerst).
2. Kies de afbeelding: een PNG, een JPEG of een schermafbeelding van je briefpapier. De kiezer accepteert tot 2048 px per zijde voor het vierkante vak en 4096 px voor het brede vak.
3. Het scherm Afbeelding bijsnijden (Crop image) opent met een kader vastgezet op de vorm van het vak. Sleep met één vinger om de afbeelding te verplaatsen, knijp met twee vingers om te zoomen, of gebruik de knoppen onderaan (zie de volgende sectie).
4. Tik rechtsboven op het vinkje. De app rendert het kader naar een PNG en keert terug naar de profieleditor, waar de tegel nu je uitsnede toont en de knop Wijzigen heet.
5. Scrol naar beneden en tik op Wijzigingen opslaan (Save Changes) (of op Doorgaan tijdens de onboarding). Tot dat moment bestaat het logo alleen in het geopende formulier; het scherm verlaten gooit het weg, en de app waarschuwt je onderweg naar buiten over niet-opgeslagen wijzigingen.

Wil je het andere vak met hetzelfde bestand vullen, herhaal de stappen dan op de andere tegel en kies de afbeelding opnieuw. Nora kiest het embleem voor het vierkante vak en een banner met embleem én woordmerk voor het brede vak, en schuift die banner daarna in het 4:1-kader.

Zo snijd, draai en verplaats je

Het bijsnijdscherm is zwart met het bijsnijdkader in het midden. Alles wat binnen het kader zichtbaar is, komt in het logo terecht, inclusief het lichte dambordpatroon dat achter transparante delen wordt getoond: de opgeslagen afbeelding is een vlakke PNG, geen transparante. Een dun wit raster volgens de regel van derden helpt je tekst met de randen uit te lijnen.

De zes pictogrammen onderaan hebben geen tekstlabels; met een lange druk zie je de naam. Van links naar rechts:

1. Tik eerst op Auto-passend als er lege ruimte om de afbeelding zit. De knop is even uitgeschakeld nadat het scherm opent, terwijl de app het formaat van de afbeelding uitleest.
2. Sleep de afbeelding zo dat het gewenste deel binnen het kader valt. Knijp om in te zoomen op een klein beeldmerk of uit om meer op te nemen.
3. Is de bron zijwaarts vastgelegd, tik dan een of twee keer op Draaien. Een draaibeweging met twee vingers draait ook vrij onder elke hoek; gebruik dat om een licht scheve scan recht te zetten.
4. Tik op Centreren om de afbeelding terug naar het midden te laten springen zodra je tevreden bent over de zoom, of op een van de twee knoppen voor één as als er maar één richting is verschoven.
5. Tik op Opnieuw instellen om opnieuw te beginnen, of op de X linksboven om het vak ongewijzigd te laten.
6. Tik op het vinkje om de uitsnede te behouden.

Wil je een logo dat al in een vak zit opnieuw bijsnijden, tik dan op Wijzigen en kies Afbeelding bijsnijden. Het bijsnijdscherm opent op de opgeslagen afbeelding, dus op de vorige uitsnede en niet op het origineel: heb je er de eerste keer te veel afgehaald, gebruik dan Afbeelding vervangen en kies het origineel opnieuw.

Zo vervang, hersnijd of verwijder je een logo

Zodra een vak een afbeelding bevat, springt de knop Wijzigen niet meer rechtstreeks naar de galerij. Hij opent een kort blad onderaan met drie keuzes.

1. Tik op Wijzigen onder het vak dat je wilt bewerken.
2. Kies Afbeelding vervangen (Replace image) om een nieuw bestand uit de galerij te kiezen en bij te snijden, Afbeelding bijsnijden om het bijsnijdscherm op de huidige afbeelding te heropenen, of Verwijderen om het vak leeg te maken.
3. Bevestig bij Verwijderen in het dialoogvenster Deze invoer verwijderen? (Remove this entry?) door op het rode Verwijderen te tikken, of stap eruit met Annuleren.
4. Tik onderaan het formulier op Wijzigingen opslaan. Zoals de tekst in het dialoogvenster zegt, wordt de verwijdering pas toegepast wanneer het formulier wordt opgeslagen.

Verwijderen raakt één variant, namelijk die op dat moment in de keuzelijst van dat vak is geselecteerd. Toont het brede vak 4:1 en verwijder je, dan blijft de 16:9-versie die je eerder uploadde onaangetast.

Zo bewaar je meer dan één versie van een logo

Elk vak bewaart meerdere onafhankelijke afbeeldingen. Het vierkante vak heeft drie genummerde versies (v.1, v.2, v.3), alle 1:1, en het brede vak heeft één afbeelding per beeldverhouding. De keuzelijst boven de tegel doet twee dingen tegelijk: hij wisselt welke afbeelding de tegel toont en bewerkt, en hij markeert die afbeelding als de actieve, de versie die de rest van de app gebruikt.

1. Open de keuzelijst boven het vak en kies een leeg item (leeg cirkeltje), bijvoorbeeld v.2 · 1:1 of 16:9 · 1920×1080 px.
2. De tegel wordt leeg en de knop heet Toevoegen. Tik erop, kies de afbeelding, snijd die bij in het kader voor die vorm en bevestig.
3. Open de keuzelijst opnieuw en kies het item dat je als dagelijkse standaard wilt. Dat item wordt de actieve variant.
4. Tik op Wijzigingen opslaan.

Nora bewaart het standaardembleem in v.1 en een winterversie in v.2; in december zet ze de keuzelijst op v.2 en slaat op. In het brede vak heeft ze het 4:1-woordmerk en een gestapelde 16:9-versie.

De brede keuzelijst omzetten vervormt nooit een bestaande afbeelding; 2:1 kiezen toont simpelweg de 2:1-afbeelding, leeg of niet. Wil je hetzelfde ontwerp in een tweede vorm, upload het dan opnieuw onder die vorm.

Zo bepalen sjablonen welk logo wordt afgedrukt

Invoice Flow kent twee families PDF-lay-outs, en die gaan verschillend met de twee vakken om.

Ingebouwde sjablonen (Clean, Professional, Modern, Classic en de rest van de twaalf die je onder Sjabloon selecteren in de factuureditor kiest) drukken altijd het brede logo af. De afbeelding wordt met behoud van verhoudingen in een vak van 60×60 pt in de koptekst geplaatst, dus een 4:1-woordmerk wordt een strook van 60 pt breed en 15 pt hoog, boven of naast de bedrijfsgegevens afhankelijk van het sjabloon. Het vierkante beeldmerk wordt door deze sjablonen nooit gebruikt.

Aangepaste sjablonen uit de sjabloongalerij en de visuele editor bevatten aparte elementen die Vierkant logo (Square logo) en Breed logo (Wide logo) heten. Een lay-out drukt af welke elementen hij bevat. Van de kant-en-klare voorinstellingen plaatsen bijvoorbeeld Ambacht, Strak (in de groep Modern), Gecentreerd en Dicht het vierkante beeldmerk, terwijl Zakelijk, Diensten, Accentstreep, Statement en Luchtig het brede plaatsen. Het vierkante element wordt op 60×60 pt afgedrukt; het brede element is 40 pt hoog en zo breed als de verhoudingen toelaten, wat een woordmerk veel beter past dan het ingebouwde koptekstvak.

Wil je een factuur met een lay-out met vierkant logo weergeven, open dan Instellingen, daarna Aangepaste sjablonen, kies een voorinstelling in de Sjabloongalerij (of bouw je eigen met een element Vierkant logo) en tik op Gebruiken. Kies vervolgens in de factuureditor dat sjabloon in de kaart Aangepaste sjabloon onder Sjabloon selecteren. De gidsen over sjablonen en over de editor voor aangepaste sjablonen behandelen dit uitgebreid.

Voor het brede vak is er nog een extra bediening in de factuureditor. Heeft je profiel twee of meer brede versies geüpload, dan verschijnt onder de sjabloonkeuze een kaart Logovariant (Logo variant) met een miniatuur per beeldverhouding en een knop Profielstandaard gebruiken. Tik je op een miniatuur, dan drukt die factuur die versie af in plaats van de actieve versie van het profiel; de keuze wordt bij de factuur opgeslagen. Voor de drie vierkante versies bestaat een bijpassende kaart Vierkante logovariant.

Regels en details

• Aan logo’s wordt niets opgeslagen totdat je op Wijzigingen opslaan of Doorgaan tikt. Toevoegen, bijsnijden, verwijderen en de actieve variant wisselen leven tot dat moment allemaal in het geopende formulier.
• De uitsnede van elk vak is vastgezet op zijn vorm: 1:1 voor het vierkante vak, en de beeldverhouding die op dat moment in de keuzelijst van het brede vak is gekozen.
• De uitsnede wordt vanaf het scherm gerenderd op twee tot vier keer de weergavedichtheid. Op een gemiddelde telefoon geeft dat een vierkant logo van ongeveer 2000 px, scherp genoeg voor drukwerk. De uitvoer is een verliesvrije PNG, maar wordt vastgelegd met de lichte achtergrond van het kader erachter, dus transparante delen van de bron komen als het bleke dambordpatroon naar buiten in plaats van als transparantie, en ook de vage rasterlijnen kunnen worden meegenomen.
• De actieve vierkante variant is wat de app als je avatar toont op de profieltegel in Instellingen en in de lijst Bedrijfsprofielen. Bestaat er helemaal geen vierkant logo, dan valt de avatar terug op het brede logo, en daarna op je initialen.
• Een profiel dupliceren vanuit de lijst Bedrijfsprofielen kopieert elke logoversie naar het nieuwe profiel.
• De ingebouwde sjablonen drukken alleen het brede logo af. Is de actieve brede versie leeg, dan heeft de koptekst gewoon geen logo; het vierkante beeldmerk neemt het niet over.
• In aangepaste sjablonen drukt het element Vierkant logo de actieve vierkante variant uit het profiel af. De kaart Vierkante logovariant per factuur zet wel een waarde op de factuur, maar de aangepaste renderer leest op dit moment de actieve variant van het profiel in plaats van die override; de override Logovariant voor brede logo’s wordt door beide sjabloonfamilies wel gerespecteerd.
• De logotools zelf zijn niet beperkt, maar de profieleditor openen vanuit Instellingen vereist een actieve proefperiode of een Pro-abonnement, net als de andere schermen in Instellingen.
• Profielen die zijn gemaakt in oudere versies van de app met één logoveld blijven werken: die afbeelding wordt in het brede vak geladen (onder de actieve beeldverhouding) totdat je hem vervangt. Het vierkante vak begint leeg.

Tips

Verwante gidsen

• Je bedrijfsprofiel instellen
• PDF-sjablonen, paletten en lettertypes
• Editor voor aangepaste sjablonen