Logo oder Bild einfügen

Soll im Formular standardmäßig ein Logo eingebaut sein, geht dies durch Bearbeitung des Templates für das Formular.

In der Software geht man dazu in die erweiterten Einstellungen:

Dort wählt man die gewünschte Vorlage aus. Im Beispiel will ich das Logo für das Bootstrap-Formular einfügen.

Eingefügt wird das Logo durch etwas HTML-Code. Hier ist es jetzt wichtig, die richtige Stelle zu finden. Ich will das Logo im Beispiel am Anfang einfügen:

An die markierte Stelle fügt man jetzt den HTML-Code für das Bild ein:

<img src="http://ekiwi.de/pics/logo.png">

Das Bild wird im Beispiel als vollständige URL angegeben. D.h. das Bild muss bereits im Internet verfügbar sein.

Einbinden als Base64-Bild

Will man keine weiteren Abhängigkeiten haben, kann man das Bild auch als Base64-Bild einfügen. Dazu muss das Bild zuerst in das Base64-Format konviert werden. Dies geht z.B. auf eKiwi.de.

Der Code sieht dann etwa so aus:

<img src="data:image/png;base64,iVBOR...>

Diesen diesen an die entsprechende Stelle einfügen:

Nun wird das Bild im Formular ohne externen Link angezeigt:

Einen Nachteil hat die Variante, die Dateigröße des HTML-Formulars steigt an.