Benutzerhandbuch

2.6 Variable Bilder

Aktualisiert am

In diesem Kapitel erfahren Sie

  • wie Sie ohne Hochladen einer CSV-Datei variable Bilder erstellen können,
  • wie Sie basierend auf einer CSV-Datei variable Bilder verwenden können,
  • welche Voraussetzungen zur Erstellung von variablen Bildern geschaffen sein müssen und
  • welche Parameter für die Platzierung von Bildern existieren.

1. Allgemeines

Ein Bild kann unterschiedlichen Inhalt – Pixelinformationen, Vektoren, Text oder auch Kombinationen von allem – besitzen. Wenn wir also nachfolgend von einem variablen Bild sprechen, so wird darunter eine graphische Abbildung im Allgemeinen verstanden. Variable Bilder werden in der Praxis meistens für folgende Anwendungsgebiete verwendet:

  • Ausweise – zur Personalisierung des Passfotos
  • Zutrittsberechtigungen – zur Platzierung von verschlüsselten Barcodes / QR-Codes, die in einer externen Anwendung erzeugt worden sind.
  • Nummerntafeln – zur Platzierung eines Bundes- oder Landeswappen in Kombination mit einer eindeutigen Nummer.
  • Besucherpatches – zur Platzierung von Passfotos als auch zur Platzierung von spezifisch codierten QR-Codes, die in einer externen Applikation erstellt wurden.
  • Verpackungen – zur Personalisierung von Torten- oder Pralinenverpackungen
  • Etiketten – zur Personalisierung von Wein- oder Bieretiketten

Das Einsatzgebiet für variable Bilder ist sehr groß. In vielen Fällen werden variable Bilder lediglich zu Designzwecken verwendet oder um Unikate zu erstellen. Die Verwendung von variablen Bildern eröffnet vielfältige Gestaltungsmöglichkeiten.

1.1. Dateitypen

An dieser Stelle sollte zur Erinnerung erwähnt werden, dass nicht alle Dateitypen im VDP-Editor für variable Bilder verwendet werden können. Welcher Farbraum für die Bilder verwendet wird, spielt dabei keine Rolle. Folgende Dateitypen werden unter den angeführten Voraussetzungen unterstützt:

  • jpg – JPEG Dateien jeglichen Kompressionsgrades
  • png – PNG-Dateien; auch Alphamasken werden ausgewertet
  • tif / tiff – TIFF-Dateien;  auch Alphamasken werden ausgewertet; Photoshop-Einstellungsebenen sollten vermieden werden, da es bei ausgefallenen Konstrukten zu unerwarteten Ergebnissen in der Ausgabe kommen kann.
  • svg – SVG-Dateien in SVG 1.1; Verwendete Bilder in der SVG-Datei müssen base64 kodiert eingebettet sein; die viewBox muss gesetzt sein;
  • pdf – PDF-Dateien

1.2. Vorbereitungen

Bevor Sie variable Bilder im VDP Editor verwenden können, müssen folgende Vorbereitungen am Workflow Server, so wie im Workflow getroffen werden:

  1. Dateityp – Speichern der Bilder in einem unterstützten Dateiformat.
  2. Speicherort – Erstellen eines Verzeichnisses am Server, worauf der Workflow installiert ist, bzw. auf einem Verzeichnis, wo der Workflow Zugriff hat.
  3. Kopieren variabler Bilder – Kopieren der variablen Bilder in das zuvor erstellte Verzeichnis.
  4. Freigabe einrichten –Verfügbar machen des angelegten Verzeichnisses für den Workflow. Eine nähere Beschreibung finden Sie im Artikel Freigaben einrichten und managen.

2. Variable Bilder erstellen

Nach Abschluss der Vorbereitungen können Sie im VDP-Editor mit der Erstellung eines variablen Bildes beginnen. Im nachfolgenden Beispiel wird die Erstellung eines variablen Bildes beschrieben, welches proportional gefüllt, horizontal und vertikal zentriert im Platzhalter platziert werden soll. Gehen Sie dazu folgendermaßen vor:

  1. Wählen Sie im Workflow den gewünschten Artikel bzw. das betreffende Motiv aus.
  2. Starten Sie den VDP-Editor, das Motiv wird im VDP-Editor angezeigt und der Reiter Transformieren & Allgemeine Einstellungen [2] für nachfolgende Schritte ist bereits aktiviert.
  3. Klicken Sie auf CSV-Datei hochladen/ersetzen [4] um eine CSV-Datei hochzuladen und den Ladeprozess abschließen. Danach sollte der Dateiname [3] der CSV-Datei unter Allgemeine Einstellungen - Dateiname angezeigt werden.
  4. Klicken Sie auf das Symbol Verzeichnis auswählen [5], um den Pfad zum Verzeichnis auszuwählen, indem die variablen Bilder gespeichert sind.
  5. Beginnen Sie mit dem Erstellen von variablen Bildern. Wählen Sie dazu das VDP Bild-Werkzeug [1] in der Werkzeugleiste aus und ziehen Sie damit den entsprechenden Platzhalterrahmen [6] am Motiv.

Abbildung 1: Der VDP-Editor mit geladener CSV-Datei und eingerichtetem Pfad zum Bildverzeichnis

  1. Nachdem Sie die Maustaste losgelassen haben, wird ein links ausgerichtetes Dummy-Bild im Platzhalterrahmen [8] angezeigt.
  2. Es wird außerdem eine Warnmeldung [7]  angezeigt, welche die Anwender darauf aufmerksam macht, dass im Verzeichnis kein Bild mit dem Dateinamen Sample Content gefunden werden kann. Diese Warnmeldung kann ignoriert werden, da erst im nächsten Schritt die gewünschte Datenquelle ausgewählt wird.

Abbildung 2: Der VDP-Editor mit dem Platzhalterbild eines variablen Bildes

  1. Um dem Platzhalterrahmen den korrekten Dateinamen des Bildes zuzuweisen, müssen Sie in den Reiter Inhalt [9] wechseln.
  2. Wählen Sie in Datenquelle den Eintrag Spaltentitel [10] oder Spaltenindex aus, um danach in der Option Spaltentitel/Spaltenindex die dafür vorgesehene Spaltenüberschrift [11] – in unserem Beispiel IMAGE – auszuwählen.
  3. Wenn der Eintrag des ersten Datensatzes in der Spalte IMAGE der CSV-Datei den Dateinamen des gewählten Bildverzeichnisses beinhaltet, wird die Dummy-Vorschau durch die entsprechende Bildvorschau [12] im Platzhalterrahmen ersetzt. Größe, Ausrichtung und Position des Bildes deckt sich mit der zuvor angezeigter Dummy-Vorschau.

Abbildung 3: Der VDP-Editor mit dem Vorschaubild des ersten Datensatzes aus der CSV-Datei

Falscher Dateityp

Handelt es sich beim Aufruf des Bildinhaltes um einen Dateityp, der nicht unterstützt wird, so wird eine entsprechende Warnmeldung ausgegeben

  1. Als letzter Schritt kann noch die Position und Skalierung im Platzhalterrahmen bestimmt werden. Wechseln Sie dazu in den Reiter Formatierung [13].
  2. Für das hier beschriebene Beispiel wählen Sie im Einstellungsbereich Bildeinstellungen [14] folgende Parameter aus:
    • das Symbol zentriert für die Option Horizontal ausrichten [15] sowie Vertikal ausrichten [16] und
    • Bild füllen – Proportionen beibehalten in der Option Bildeinpassungsoptionen.

Abbildung 4: Der VDP-Editor mit dem eingepassten variablen Bild

  1. Prüfen Sie noch einige nachfolgende Datensätze, um sicherzustellen, dass die gewählte Bildeinpassung den korrekten Bildausschnitt für alle Bilder anzeigt.
  2. Nach gelungener Überprüfung, sichern sie die VDP-Spezifikation mit der Schaltfläche Speichern.

3. Besonderheiten

In Verbindung mit variablen Bildern stehen ein paar Besonderheiten zur Verfügung.

In nachfolgender Beschreibung sind alle Optionen beschrieben die für variable Bilder verwendet werden können.

3.1. Bildeinpassung

Die wohl zentralste Einstellungsmöglichkeiten stehen im Einstellungsbereich Bildeinstellungen im Reiter Formatierung zur Verfügung. Zum Einpassen von variablen Bildern stehen folgende Optionen zur Verfügung:

Horizontal ausrichten

In der Option Horizontal ausrichten [18] kann das Bild im Rahmen links, mittig oder rechts ausgerichtet werden.

Abbildung 5: Darstellung der Möglichkeiten in der Option Horizontal ausrichten bei gewähltem Eintrag Bild einpassen – Proportionen beibehalten in den Bildeinpassungsoptionen

Vertikal ausrichten

In der Option Vertikal ausrichten [19] kann das Bild im Rahmen oben, mittig oder unten ausgerichtet werden.

Abbildung 6: Darstellung der Möglichkeiten in der Option Vertikal ausrichten bei gewähltem Eintrag Bild einpassen – Proportionen beibehalten in den Bildeinpassungsoptionen

Bildeinpassungsoptionen

In den Bildeinpassungsoptionen können Sie im Grund wählen, ob das Bild proportional eingepasst, proportional gefüllt oder in den Bildrahmen verzerrt eingepasst werden soll. Folgende Optionen stehen zur Verfügung:

Bild einpassen – Proportionen beibehalten [20]

Das Bild wird proportional in den Rahmen eingepasst, so dass das ganze Bild sichtbar bleibt. Abhängig von der horizontalen oder vertikalen Ausrichtung des Bildes im Platzhalterrahmen entsteht im Bildrahmen eine unbedruckte (transparente) Fläche. Diese ist beispielsweise in Abbildung 5 und Abbildung 6 abgebildet.

Bild füllen – Proportionen beibehalten [21]

Das Bild wird proportional an die Höhe oder Breite des Platzhalterrahmens angepasst, sodass der Bildrahmen zur Gänze mit dem Bild gefüllt ist. Abhängig von der horizontalen oder vertikalen Ausrichtung des Bildes im Platzhalterrahmen wird der entsprechende Ausschnitt des Bildes angezeigt.

Abbildung 7: Darstellung der Möglichkeiten in der Option Horizontalen ausrichten bei gewähltem Eintrag Bild füllen – Proportionen beibehalten in den Bildeinpassungsoptionen

Verzerren [22]

Das Bild wird verzerrt in den Rahmen eingepasst. Die Auswahlmöglichkeiten in den Optionen Horizontal ausrichten, Vertikal ausrichten sowie den Bildeinpassungsoptionen sind bei Aktivierung der Option Verzerren deaktiviert.

Abbildung 8: Das Bild wurde rahmenfüllend verzerrt eingepasst

3.2. Statisches Bild hinzufügen

Zum Einfügen eines statischen Bildes als Grafikobjekt im Hintergrund bei der Erstellung eines variablen Auftrages, bietet sich die Verwendung des Platzhalterrahmens für ein variables Bild an. Gehen Sie zum Einfügen eines statischen Bildes folgendermaßen vor.

  1. Speichern Sie das gewünschte Bild im ausgewählten Bildverzeichnis ab, welches Sie im Reiter Transformieren & Allgemeine Einstellungen ausgewählt haben.
  2. Wählen Sie im Reiter Ebenen die Ebene VDP auf unterster Ebene aus und erstellen Sie mit dem VDP Bild-Werkzeug den gewünschten Platzhalter in der gewünschten Größe und Position. Im Beispiel nachstehender Abbildung wurde der Platzhalterrahmen über die ImageBox hinaus erstellt, um das Bild abfallend am Drucker ausgeben zu können. Aus diesem Grund wird auch in den Warnmeldungen angezeigt, dass ein variables Element die Größe des Endformats überlappt.
  3. Wechseln Sie in den Reiter Inhalt [23].
  4. Wählen Sie in der Option Datenquelle den Eintrag Zeichenkette [24] aus.
  5. Tippen Sie dann im Eingabefeld Zeichenkette [25] den Dateinamen des zu platzierenden Bildes inklusive der Dateierweiterung ein und drücken Sie dann auf Aktualisieren.
  6. Anschließend müssen Sie dann noch im Reiter Formatierung die entsprechende Bildeinpassung vornehmen.

Abbildung 9: Das Motiv wurde mit einem statischen Hintergrundbild versehen

3.3. Variable Bilder über eine dynamische Zeichenkette aufrufen

Sollten Sie eine Serie von variablen Bildern in einem VDP-Auftrag verwenden wollen, so wird in der Praxis dafür manuell eine CSV-Datei angelegt, worin sich lediglich eine Spalte von Bildnamen befinden, die in der Regel fortlaufend nummeriert sind – Bild_001.jpg; Bild_002.jpg; Bild_003.jpg; etc.

Die Abbildung von Bilddaten mit einer fortlaufenden Nummer kann auch ohne Erstellung einer CSV-Datei im VDP-Editor erfolgen. Gehen Sie dazu folgendermaßen vor:

  1. Speichern Sie die gewünschten Bilder im ausgewählten Bildverzeichnis, welches Sie im Reiter Transformieren & Allgemeine Einstellungen ausgewählt haben, ab.
  2. Erstellen Sie mit dem VDP Bild-Werkzeug den gewünschten Platzhalter in der gewünschten Größe und Position.
  3. Wechseln Sie dann in den Reiter Inhalt [26].
  4. Wählen Sie darin in der Option Datenquelle den Eintrag Zeichenkette [27] aus.
  5. Tippen Sie dann im Eingabefeld Zeichenkette [28] die Zeichen Bild_ ein (für dieses Beispiel wurden die Bilder mit diesem Präfix abgespeichert) und drücken Sie danach auf Platzhalter einfügen [30].
  6. Wählen Sie im erschienen Dialog die Option Seriennummer aus. Dadurch wird der der String ${serial_number; start=1; width=1; batch_count=0; repeat_count=0; increment=1} eingefügt.
  7. Bewegen Sie den Cursor im Text in das Wort width, wodurch sich die Eingabefelder zur Definition einer Seriennummer darunter einblenden. Geben Sie dann den Wert 3 im Eingabefeld für die Breite [31] ein, wodurch zwei führende Nullen bei einstelligen Zahlen, eine führende Null bei zweistellige Zahlen sowie keine führende Null bei dreistelligen Zahlen erzeugt werden.
  8. Geben Sie danach noch das Suffix Ihrer Bilddateien, z.B. .jpg am Schluß der Zeichenkette ein. Damit ergibt sich folgende Zeichenkette: Bild_${serial_number; start=1; width=3; batch_count=0; repeat_count=0; increment=1}.jpg.
  9. Durch Drücken auf Aktualisieren [29] wird der gesamte Zeichenkette an den VDP-Editor übergeben und ausgeführt.
  10. Nehmen Sie noch im Reiter Formatierung die entsprechende Bildeinpassung vor.

Abbildung 10: Das Motiv mit einem dynamischen Hintergrundbild auf Basis einer Zeichenkette mit eingeschlossener Seriennummer  

Artikel Update: Workflow Version 1.13.2 – 08/2022

Previous Artikel 2.5 Seriennummern
Next Artikel 2.7 Variable Barcodes bzw. QR-Codes
Noch Fragen? Kontaktieren Sie uns!