Benutzerhandbuch

Ein quadratisches und ein breites Logo hinzufügen

Lade ein quadratisches Zeichen und eine breite Wortmarke hoch, schneide und drehe sie in der App, führe Varianten und erfahre, welche jede PDF-Vorlage druckt.

Aktualisiert: 2026-09-09

Die meisten Unternehmen besitzen ihr Logo in mehr als einer Form. Es gibt ein kompaktes Zeichen, das in einen Kreis oder ein Quadrat passt, und eine längere Version mit dem ausgeschriebenen Firmennamen daneben. Invoice Flow bewahrt beide auf, in zwei getrennten Feldern im Geschäftsprofil, weil sie unterschiedliche Aufgaben haben: Das quadratische Zeichen ist dein Avatar in der App und das Element, das manche eigenen PDF-Layouts drucken, während die breite Version das ist, was die zwölf eingebauten Rechnungsvorlagen in die Kopfzeile setzen. Wenn du nur eine Datei hast, kannst du trotzdem beide Felder daraus füllen: Der Zuschneidebildschirm lässt dich ein Quadrat aus einem breiten Banner oder einen breiten Streifen aus einem Poster ausschneiden.

Diese Anleitung folgt der Tidewater Brewing Company, einer kleinen Brauerei in Portland, Maine, die Fässer an Bars rund um den Old Port liefert. Ihre Inhaberin, Nora Quinlan, hat ein rundes grünes Abzeichen mit den Buchstaben TB und eine breite Wortmarke. Sie möchte das Abzeichen in der App und auf der handwerklichen Rechnung, die mit Fasslieferungen rausgeht, und die Wortmarke auf der schlichteren Rechnung, die sie an Restaurants schickt.

Das Einrichten des restlichen Profils hat eine eigene Anleitung; diese hier behandelt die Logozeile, den Zuschneidebildschirm dahinter und wie PDF-Vorlagen zwischen den beiden Bildern wählen.

Was du auf dem Bildschirm siehst

Öffne Einstellungen (Settings) und tippe oben auf die Profilkachel (oder auf Geschäftsprofile (Business Profiles) und dann auf ein Profil). Das Formular, das sich öffnet, trägt den Titel Geschäftsprofil bearbeiten (Edit Business Profile), und seine erste Zeile ist die Logozeile. Beim ersten Start erscheint dieselbe Zeile auf der zweiten Onboarding-Seite.

Die Zeile hat zwei Felder:

• Links eine quadratische Kachel. Darüber ist ein kleines Dropdown mit v.1 · 1:1, das drei quadratische Varianten auflistet. Das quadratische Feld schneidet immer im Verhältnis 1:1 zu, und die empfohlene Größe ist 1200×1200 px.
• Rechts eine breitere Kachel, die den Rest der Zeile einnimmt. Ihr Dropdown zeigt standardmäßig 4:1 · 1200×300 px und bietet vier Formen: 4:1 · 1200×300 px, 3:1 · 1500×500 px, 2:1 · 1200×600 px und 16:9 · 1920×1080 px.

Eine leere Kachel zeigt ein Kamera-Plus-Symbol und darunter eine Schaltfläche Hinzufügen (Add). Sobald ein Bild im Feld ist, zeigt die Kachel das Bild in seinen echten Proportionen auf getöntem Hintergrund, und die Schaltfläche wechselt zu Ändern (Change). In jedem Dropdown bedeutet ein gefüllter Häkchenkreis vor einem Eintrag, dass diese Variante bereits ein Bild hat; ein hohler Kreis bedeutet, dass sie leer ist.

So lädst du ein Logo in ein Feld hoch

Der Ablauf ist für beide Felder gleich; nur die Zuschneideform unterscheidet sich.

1. Tippe im Profileditor auf die leere Kachel oder ihre Schaltfläche Hinzufügen. Die App öffnet sofort deine Fotogalerie (es gibt keine Kameraoption für Logos; mache das Foto vorher, falls nötig).
2. Wähle das Bild: ein PNG, ein JPEG oder einen Screenshot deines Briefkopfs. Die Auswahl akzeptiert bis zu 2048 px pro Seite für das quadratische Feld und 4096 px für das breite Feld.
3. Der Bildschirm Bild zuschneiden (Crop image) öffnet sich mit einem Rahmen, der auf die Form des Feldes fixiert ist. Ziehe mit einem Finger, um das Bild zu verschieben, ziehe mit zwei Fingern auf, um zu zoomen, oder verwende die Schaltflächen am unteren Rand (siehe nächster Abschnitt).
4. Tippe oben rechts auf das Häkchen. Die App rendert den Rahmen in ein PNG und kehrt zum Profileditor zurück, wo die Kachel jetzt deinen Ausschnitt zeigt und die Schaltfläche Ändern lautet.
5. Scrolle nach unten und tippe auf Änderungen speichern (Save Changes) (oder während des Onboardings auf Weiter (Continue)). Bis dahin lebt das Logo nur im offenen Formular; das Verlassen des Bildschirms verwirft es, und die App warnt dich beim Verlassen vor ungespeicherten Änderungen.

Um das andere Feld aus derselben Datei zu füllen, wiederhole die Schritte auf der anderen Kachel und wähle das Bild erneut. Nora wählt das Abzeichen für das quadratische Feld und ein Banner mit Abzeichen und Wortmarke für das breite Feld und schiebt das Banner dann in den 4:1-Rahmen.

So schneidest du zu, drehst und positionierst neu

Der Zuschneidebildschirm ist schwarz mit dem Zuschneiderahmen in der Mitte. Alles, was innerhalb des Rahmens sichtbar ist, landet im Logo, und das schließt das helle Schachbrettmuster hinter transparenten Bereichen ein: Das gespeicherte Bild ist ein flaches PNG, kein transparentes. Ein dünnes weißes Drittel-Raster hilft dir, Text an den Kanten auszurichten.

Die sechs Symbole unten haben keine Textbeschriftungen; ein langes Drücken zeigt den Namen. Von links nach rechts:

1. Tippe zuerst auf Auto-Anpassen, wenn das Bild leeren Raum drumherum hat. Die Schaltfläche ist nach dem Öffnen des Bildschirms kurz deaktiviert, während die App die Bildgröße liest.
2. Ziehe das Bild so, dass der gewünschte Teil im Rahmen sitzt. Ziehe mit zwei Fingern auf, um auf ein kleines Zeichen zu zoomen, oder zusammen, um mehr einzuschließen.
3. Wenn die Quelle seitlich aufgenommen wurde, tippe ein- oder zweimal auf Drehen. Eine Zwei-Finger-Drehung dreht außerdem frei um jeden Winkel; nutze sie, um einen leicht schiefen Scan zu begradigen.
4. Tippe auf Zentrieren, um das Bild zurück in die Mitte zu setzen, sobald du mit dem Zoom zufrieden bist, oder auf eine der beiden Einachsen-Schaltflächen, wenn nur eine Richtung verrutscht ist.
5. Tippe auf Zurücksetzen, um von vorn zu beginnen, oder auf das X oben links, um das Feld unverändert zu lassen.
6. Tippe auf das Häkchen, um den Ausschnitt zu übernehmen.

Um ein Logo, das bereits in einem Feld ist, neu zuzuschneiden, tippe auf Ändern und wähle Bild zuschneiden. Der Zuschneidebildschirm öffnet sich mit dem gespeicherten Bild, also dem vorherigen Ausschnitt, nicht dem Original: Wenn du beim ersten Mal zu viel abgeschnitten hast, verwende Bild ersetzen (Replace image) und wähle das Original erneut.

So ersetzt, beschneidest oder löschst du ein Logo

Sobald ein Feld ein Bild hat, springt die Schaltfläche Ändern nicht mehr direkt zur Galerie. Sie öffnet ein kurzes unteres Blatt mit drei Optionen.

1. Tippe unter dem Feld, das du bearbeiten möchtest, auf Ändern.
2. Wähle Bild ersetzen, um eine neue Datei aus der Galerie zu wählen und zuzuschneiden, Bild zuschneiden, um den Zuschneidebildschirm mit dem aktuellen Bild erneut zu öffnen, oder Löschen (Delete), um das Feld zu leeren.
3. Bestätige bei Löschen im Dialog mit dem Titel Diesen Eintrag entfernen? (Remove this entry?) durch Tippen auf das rote Löschen, oder brich mit Abbrechen (Cancel) ab.
4. Tippe unten im Formular auf Änderungen speichern. Wie der Dialogtext sagt, wird das Entfernen erst angewendet, wenn das Formular gespeichert wird.

Das Löschen betrifft eine Variante, die im Dropdown dieses Feldes aktuell ausgewählte. Wenn das breite Feld 4:1 zeigt und du löschst, bleibt die zuvor hochgeladene 16:9-Version unberührt.

So führst du mehr als eine Version eines Logos

Jedes Feld speichert mehrere unabhängige Bilder. Das quadratische Feld hat drei nummerierte Versionen (v.1, v.2, v.3), alle 1:1, und das breite Feld hat ein Bild pro Seitenverhältnis. Das Dropdown über der Kachel tut zwei Dinge auf einmal: Es wechselt, welches Bild die Kachel zeigt und bearbeitet, und es markiert dieses Bild als das aktive, die Version, die der Rest der App verwendet.

1. Öffne das Dropdown über dem Feld und wähle einen leeren Eintrag (hohler Kreis), zum Beispiel v.2 · 1:1 oder 16:9 · 1920×1080 px.
2. Die Kachel wird leer, und die Schaltfläche lautet Hinzufügen. Tippe darauf, wähle das Bild, schneide es im Rahmen für diese Form zu und bestätige.
3. Öffne das Dropdown erneut und wähle den Eintrag, den du als Alltagsstandard möchtest. Dieser Eintrag wird zur aktiven Variante.
4. Tippe auf Änderungen speichern.

Nora behält das Standardabzeichen in v.1 und eine Winterversion in v.2; im Dezember stellt sie das Dropdown auf v.2 und speichert. Im breiten Feld hat sie die 4:1-Wortmarke und eine gestapelte 16:9-Version.

Das Umschalten des breiten Dropdowns formt nie ein vorhandenes Bild um; die Wahl von 2:1 zeigt einfach das 2:1-Bild, leer oder nicht. Für dieselbe Grafik in einer zweiten Form lade sie erneut unter dieser Form hoch.

So entscheiden Vorlagen, welches Logo gedruckt wird

Es gibt zwei Familien von PDF-Layouts in Invoice Flow, und sie behandeln die beiden Felder unterschiedlich.

Eingebaute Vorlagen (Clean, Professional, Modern, Classic und die übrigen der zwölf, die du unter Vorlage auswählen (Select Template) im Rechnungseditor wählst) drucken immer das breite Logo. Das Bild wird in eine 60×60-pt-Box in der Kopfzeile gesetzt, mit erhaltenen Proportionen, sodass eine 4:1-Wortmarke zu einem 60 pt breiten und 15 pt hohen Streifen wird, der je nach Vorlage über oder neben den Firmendaten sitzt. Das quadratische Zeichen wird von diesen Vorlagen nie verwendet.

Eigene Vorlagen aus der Vorlagengalerie und dem visuellen Editor enthalten separate Elemente namens Quadratisches Logo (Square logo) und Breites Logo (Wide logo). Ein Layout druckt die Elemente, die es enthält. Von den fertigen Vorgaben platzieren zum Beispiel Handwerk (Trades), Klar (Clean, in der Gruppe Modern), Zentriert (Centered) und Dicht (Dense) das quadratische Zeichen, während Business, Dienstleistungen (Services), Akzentstreifen (Accent stripe), Statement und Luftig (Airy) das breite platzieren. Das quadratische Element druckt mit 60×60 pt; das breite Element ist 40 pt hoch und so breit, wie es seine Proportionen erlauben, was einer Wortmarke weit besser bekommt als die eingebaute Kopfzeilenbox.

Um eine Rechnung mit einem Layout mit quadratischem Logo zu rendern, öffne Einstellungen, dann Eigene Vorlagen (Custom templates), wähle eine Vorgabe in der Vorlagengalerie (Template gallery) (oder baue deine eigene mit einem Element Quadratisches Logo) und tippe auf Verwenden (Use). Wähle dann im Rechnungseditor diese Vorlage in der Karte Eigene Vorlage (Custom template) unter Vorlage auswählen. Die Anleitungen zu Vorlagen und zum Editor für eigene Vorlagen behandeln das im Detail.

Für das breite Feld gibt es im Rechnungseditor ein weiteres Bedienelement. Wenn dein Profil zwei oder mehr breite Versionen hochgeladen hat, erscheint unter der Vorlagenauswahl eine Karte Logo-Variante (Logo variant) mit einem Vorschaubild pro Seitenverhältnis und einer Schaltfläche Profilstandard verwenden (Use profile default). Ein Tipp auf ein Vorschaubild lässt diese Rechnung diese Version statt der aktiven des Profils drucken; die Wahl wird mit der Rechnung gespeichert. Eine entsprechende Karte Quadratische Logo-Variante (Square logo variant) gibt es für die drei quadratischen Versionen.

Regeln und Details

• Nichts an Logos wird gespeichert, bis du auf Änderungen speichern oder Weiter tippst. Hinzufügen, Zuschneiden, Löschen und Wechseln der aktiven Variante leben bis dahin alle im offenen Formular.
• Der Zuschnitt jedes Feldes ist auf seine Form fixiert: 1:1 für das quadratische Feld und das im Dropdown aktuell gewählte Seitenverhältnis für das breite Feld.
• Der Zuschnitt wird vom Bildschirm mit der zwei- bis vierfachen Anzeigedichte gerendert. Auf einem typischen Handy ergibt das ein quadratisches Logo von etwa 2000 px, scharf genug für den Druck. Die Ausgabe ist ein verlustfreies PNG, wird aber mit dem hellen Hintergrund des Rahmens dahinter aufgenommen, sodass transparente Bereiche der Quelle als blasses Schachbrettmuster statt als Transparenz herauskommen, und auch die schwachen Rasterlinien können mit aufgenommen werden.
• Die aktive quadratische Variante ist das, was die App als deinen Avatar auf der Profilkachel in den Einstellungen und in der Liste Geschäftsprofile zeigt. Existiert gar kein quadratisches Logo, fällt der Avatar auf das breite Logo zurück und danach auf deine Initialen.
• Das Duplizieren eines Profils aus der Liste Geschäftsprofile kopiert jede Logoversion in das neue Profil.
• Die eingebauten Vorlagen drucken nur das breite Logo. Ist die aktive breite Version leer, hat die Kopfzeile einfach kein Logo; das quadratische Zeichen springt nicht ein.
• In eigenen Vorlagen druckt das Element Quadratisches Logo die aktive quadratische Variante aus dem Profil. Die Karte Quadratische Logo-Variante pro Rechnung setzt einen Wert auf der Rechnung, aber der Renderer für eigene Vorlagen liest derzeit die aktive Variante des Profils statt dieser Überschreibung; die Überschreibung Logo-Variante für breite Logos wird von beiden Vorlagenfamilien beachtet.
• Die Logowerkzeuge selbst sind nicht eingeschränkt, aber das Öffnen des Profileditors aus den Einstellungen erfordert eine aktive Testphase oder ein Pro-Abonnement, wie die anderen Einstellungsbildschirme.
• Profile, die in älteren Versionen der App mit einem einzigen Logofeld erstellt wurden, funktionieren weiter: Dieses Bild wird in das breite Feld (unter dem aktiven Seitenverhältnis) geladen, bis du es ersetzt. Das quadratische Feld beginnt leer.

Tipps

Verwandte Anleitungen

• Geschäftsprofil einrichten
• PDF-Vorlagen, Paletten und Schriftarten
• Editor für eigene Vorlagen