Användarguide

Lägg till en kvadratisk logotyp och en bred logotyp

Ladda upp ett kvadratiskt märke och en bred ordbild, beskär och rotera dem i appen, spara flera varianter och se vilken varje PDF-mall skriver ut.

Uppdaterad: 2026-09-09

De flesta företag äger sin logotyp i mer än en form. Det finns ett kompakt märke som ryms i en cirkel eller en kvadrat, och det finns en längre version med företagsnamnet utskrivet bredvid. Invoice Flow sparar båda, i två separata platser i företagsprofilen, eftersom de gör olika jobb: det kvadratiska märket är din avatar inuti appen och det element som vissa anpassade PDF-layouter skriver ut, medan den breda versionen är det som de tolv inbyggda fakturamallarna placerar i sidhuvudet. Om du bara har en fil kan du ändå fylla båda platserna från den: beskärningsskärmen låter dig klippa ut en kvadrat ur en bred banner, eller en bred remsa ur en affisch.

Den här guiden följer Tidewater Brewing Company, ett litet bryggeri i Portland, Maine, som levererar fat till barer runt Old Port. Ägaren, Nora Quinlan, har ett runt grönt emblem med bokstäverna TB och en bred ordbild. Hon vill ha emblemet i appen och på den hantverksinspirerade fakturan som följer med fatleveranserna, och ordbilden på den renare fakturan hon skickar till restauranger.

Att ställa in resten av profilen har en egen guide; den här handlar om logotypraden, beskärningsskärmen bakom den, och hur PDF-mallar väljer mellan de två bilderna.

Vad du ser på skärmen

Öppna Inställningar och tryck på profilrutan högst upp (eller Företagsprofiler och sedan en profil). Formuläret som öppnas heter Redigera företagsprofil, och dess första rad är logotypraden. Vid första starten visas samma rad på introduktionens andra sida.

Raden har två platser:

• Till vänster en kvadratisk ruta. Ovanför den finns en liten rullgardinsmeny som visar v.1 · 1:1 och listar tre kvadratiska varianter. Den kvadratiska platsen beskär alltid i 1:1 och den föreslagna storleken är 1200×1200 px.
• Till höger en bredare ruta som tar resten av raden. Dess rullgardinsmeny visar 4:1 · 1200×300 px som standard och erbjuder fyra former: 4:1 · 1200×300 px, 3:1 · 1500×500 px, 2:1 · 1200×600 px och 16:9 · 1920×1080 px.

En tom ruta visar en kameraikon med plustecken och en Lägg till-knapp (Add) under. När en bild väl ligger i platsen visar rutan bilden i sina verkliga proportioner mot en tonad bakgrund och knappen ändras till Ändra (Change). I varje rullgardinsmeny betyder en ifylld bockcirkel framför en post att varianten redan har en bild; en tom cirkel betyder att den är ledig.

Så laddar du upp en logotyp till en plats

Flödet är detsamma för båda platserna; bara beskärningsformen skiljer sig.

1. Tryck på den tomma rutan eller dess Lägg till-knapp i profilredigeraren. Appen öppnar ditt bildgalleri direkt (det finns inget kameraalternativ för logotyper; ta bilden först om du behöver det).
2. Välj bilden: en PNG, en JPEG eller en skärmbild av ditt brevpapper. Väljaren accepterar upp till 2048 px per sida för den kvadratiska platsen och 4096 px för den breda.
3. Skärmen Beskär bild (Crop image) öppnas med en ram låst till platsens form. Dra med ett finger för att flytta bilden, nyp med två fingrar för att zooma, eller använd knapparna längst ned (se nästa avsnitt).
4. Tryck på bockmarkeringen i det övre högra hörnet. Appen renderar ramen till en PNG och återvänder till profilredigeraren, där rutan nu visar din beskärning och knappen visar Ändra.
5. Bläddra längst ned och tryck på Spara ändringar (Save Changes) (eller Fortsätt (Continue) under introduktionen). Innan du gör det lever logotypen bara i det öppna formuläret; att lämna skärmen kastar bort den, och appen varnar dig om osparade ändringar på vägen ut.

För att fylla den andra platsen från samma fil upprepar du stegen på den andra rutan och väljer bilden igen. Nora väljer emblemet till den kvadratiska platsen och en banner med både emblem och ordbild till den breda, och skjuter sedan bannern på plats inuti 4:1-ramen.

Så beskär, roterar och flyttar du

Beskärningsskärmen är svart med beskärningsramen i mitten. Allt som syns inuti ramen hamnar i logotypen, och det inkluderar det ljusa rutmönster som visas bakom genomskinliga ytor: den sparade bilden är en platt PNG, inte en genomskinlig. Ett tunt vitt tredjedelsrutnät hjälper dig att linjera text mot kanterna.

De sex ikonerna längst ned har inga textetiketter; ett långt tryck visar namnet. Från vänster till höger:

1. Tryck på Auto-anpassa (Auto-fit) först om bilden har tomrum runt sig. Knappen är inaktiverad en kort stund efter att skärmen öppnats medan appen läser av bildstorleken.
2. Dra bilden så att den del du vill ha hamnar inuti ramen. Nyp för att zooma in på ett litet märke eller ut för att få med mer.
3. Om källbilden är tagen på sidan trycker du på Rotera (Rotate) en eller två gånger. En vridning med två fingrar roterar också fritt i valfri vinkel; använd den för att räta upp en något lutande skanning.
4. Tryck på Centrera (Center) för att snäppa tillbaka bilden till mitten när du är nöjd med zoomen, eller på en av de två enaxliga knapparna om bara en riktning har glidit.
5. Tryck på Återställ (Reset) för att börja om, eller på X uppe till vänster för att lämna platsen oförändrad.
6. Tryck på bockmarkeringen för att behålla beskärningen.

För att beskära om en logotyp som redan ligger i en plats trycker du på Ändra och väljer Beskär bild. Beskärningsskärmen öppnas på den sparade bilden, alltså den föregående beskärningen, inte originalet: om du klippte bort för mycket första gången använder du Ersätt bild och väljer originalet igen.

Så ersätter, beskär om eller tar du bort en logotyp

När en plats väl har en bild hoppar knappen Ändra inte längre direkt till galleriet. Den öppnar ett kort bottenark med tre val.

1. Tryck på Ändra under den plats du vill redigera.
2. Välj Ersätt bild (Replace image) för att välja en ny fil från galleriet och beskära den, Beskär bild för att öppna beskärningsskärmen på den aktuella bilden, eller Ta bort (Delete) för att tömma platsen.
3. För Ta bort bekräftar du i dialogrutan Ta bort denna post? (Remove this entry?) genom att trycka på det röda Ta bort, eller backar ur med Avbryt (Cancel).
4. Tryck på Spara ändringar längst ned i formuläret. Precis som dialogtexten säger tillämpas borttagningen först när formuläret sparas.

Borttagningen påverkar en variant, den som just nu är vald i den platsens rullgardinsmeny. Om den breda platsen visar 4:1 och du tar bort, förblir den 16:9-version du laddade upp tidigare orörd.

Så behåller du fler än en version av en logotyp

Varje plats lagrar flera oberoende bilder. Den kvadratiska platsen har tre numrerade versioner (v.1, v.2, v.3), alla 1:1, och den breda platsen har en bild per bildförhållande. Rullgardinsmenyn ovanför rutan gör två saker samtidigt: den växlar vilken bild rutan visar och redigerar, och den markerar den bilden som den aktiva, alltså den version som resten av appen använder.

1. Öppna rullgardinsmenyn ovanför platsen och välj en tom post (tom cirkel), till exempel v.2 · 1:1 eller 16:9 · 1920×1080 px.
2. Rutan blir tom och knappen visar Lägg till. Tryck på den, välj bilden, beskär den i ramen för den formen och bekräfta.
3. Öppna rullgardinsmenyn igen och välj den post du vill ha som vardagsstandard. Den posten blir den aktiva varianten.
4. Tryck på Spara ändringar.

Nora behåller standardemblemet i v.1 och en vinterversion i v.2; i december växlar hon rullgardinsmenyn till v.2 och sparar. I den breda platsen har hon 4:1-ordbilden och en staplad 16:9-version.

Att byta i den breda rullgardinsmenyn formar aldrig om en befintlig bild; att välja 2:1 visar helt enkelt 2:1-bilden, tom eller inte. För samma originalgrafik i en andra form laddar du upp den igen under den formen.

Så avgör mallarna vilken logotyp som skrivs ut

Det finns två familjer av PDF-layouter i Invoice Flow, och de behandlar de två platserna olika.

Inbyggda mallar (Clean, Professional, Modern, Classic och resten av de tolv du väljer under Välj mall (Select Template) i fakturaredigeraren) skriver alltid ut den breda logotypen. Bilden placeras i en 60×60 pt-ruta i sidhuvudet med bibehållna proportioner, så en 4:1-ordbild blir en remsa 60 pt bred och 15 pt hög, placerad ovanför eller bredvid företagsuppgifterna beroende på mall. Det kvadratiska märket används aldrig av dessa mallar.

Anpassade mallar från mallgalleriet och den visuella redigeraren innehåller separata element som heter Kvadratisk logotyp (Square logo) och Bred logotyp (Wide logo). En layout skriver ut de element den innehåller. Av de färdiga förinställningarna placerar till exempel Trades, Clean (i Modern-gruppen), Centered och Dense det kvadratiska märket, medan Business, Services, Accent stripe, Statement och Airy placerar det breda. Det kvadratiska elementet skrivs ut i 60×60 pt; det breda elementet är 40 pt högt och så brett som proportionerna tillåter, vilket passar en ordbild betydligt bättre än den inbyggda sidhuvudsrutan gör.

För att rendera en faktura med en layout som använder den kvadratiska logotypen öppnar du Inställningar, sedan Anpassade mallar (Custom templates), väljer en förinställning i Mallgalleri (Template gallery) (eller bygger en egen med ett Kvadratisk logotyp-element) och trycker på Använd (Use). Sedan väljer du den mallen i fakturaredigeraren i kortet Anpassad mall (Custom template) under Välj mall. Guiderna om mallar och den anpassade mallredigeraren går igenom detta i detalj.

För den breda platsen finns ytterligare en kontroll i fakturaredigeraren. När din profil har två eller fler breda versioner uppladdade visas ett kort Logotypvariant (Logo variant) under mallvalet, med en miniatyrbild per bildförhållande och en knapp Använd profilstandard (Use profile default). Att trycka på en miniatyrbild gör att just den fakturan skriver ut den versionen i stället för profilens aktiva; valet sparas med fakturan. Ett motsvarande kort Kvadratisk logotypvariant (Square logo variant) finns för de tre kvadratiska versionerna.

Regler och detaljer

• Inget som rör logotyper sparas förrän du trycker på Spara ändringar eller Fortsätt. Att lägga till, beskära, ta bort och byta aktiv variant lever i det öppna formuläret fram till dess.
• Varje plats beskärning är låst till sin form: 1:1 för den kvadratiska platsen, och det bildförhållande som just nu är valt i rullgardinsmenyn för den breda.
• Beskärningen renderas från skärmen i två till fyra gånger visningsdensiteten. På en typisk telefon ger det en kvadratisk logotyp på ungefär 2000 px, skarp nog för tryck. Utdata är en förlustfri PNG, men den fångas med ramens ljusa bakgrund bakom sig, så genomskinliga ytor i källan kommer ut som det bleka rutmönstret i stället för som genomskinlighet, och de svaga rutnätslinjerna kan också komma med.
• Den aktiva kvadratiska varianten är det appen visar som din avatar på profilrutan i Inställningar och i listan Företagsprofiler. Om ingen kvadratisk logotyp alls finns faller avataren tillbaka på den breda logotypen, och därefter på dina initialer.
• Att duplicera en profil från listan Företagsprofiler kopierar samtliga logotypversioner till den nya profilen.
• De inbyggda mallarna skriver bara ut den breda logotypen. Om den aktiva breda versionen är tom får sidhuvudet helt enkelt ingen logotyp; det kvadratiska märket träder inte in.
• I anpassade mallar skriver elementet Kvadratisk logotyp ut profilens aktiva kvadratiska variant. Kortet Kvadratisk logotypvariant per faktura sätter ett värde på fakturan, men den anpassade renderaren läser för närvarande profilens aktiva variant i stället för den åsidosättningen; åsidosättningen Logotypvariant för breda logotyper respekteras av båda mallfamiljerna.
• Själva logotypverktygen är inte begränsade, men att öppna profilredigeraren från Inställningar kräver en aktiv provperiod eller Pro-prenumeration, precis som de övriga Inställningar-skärmarna.
• Profiler som skapades i äldre versioner av appen med ett enda logotypfält fungerar fortfarande: den bilden läses in i den breda platsen (under det aktiva bildförhållandet) tills du ersätter den. Den kvadratiska platsen börjar tom.

Tips

Relaterade guider

• Ställ in din företagsprofil
• PDF-mallar, paletter och teckensnitt
• Anpassad mallredigerare