Bild-Elemente

Bildelemente sind die beste Art, ein Bild in Ihr Layout einzufügen. Es gibt zwei verschiedene Elemente: Das Banner-Element und das Bild. Beide sind in ihren Eigenschaften identisch, das Banner-Element geht über die gesamte Breite der Seite während das einfach Bild-Element quadratisch ist.

Hinweis: Wenn Sie ein Bild in einen Text einfügen wollen, setzen Sie den Cursor an die entsprechende Position in der Textbox und wählen Sie die Funktion „Bild“ einfügen in der Toolbar.

Bild-Dateien auswählen und hochladen

Um eine Bild-Datei hochzuladen, klicken Sie einmal auf das Bild:

Um ein Bild hochzuladen, klicken Sie auf Bild hochladen… und wählen Sie eine Bild-Datei aus. Die Bilddatei sollte in einem der folgenden Formate sein:

• .jpg / .jpeg
• .gif
• .png

Andere Formate sind entweder zu groß oder können nicht überall richtig angezeigt werden. Das gilt insbesondere für Vectorgraphiken, z.B. im SVG Format. Die maximale Datei-Größe für Bilder beträgt 2MB.

Die Bilddatei sollte möglichst die doppelte Breite der gewünschten Breite haben, damit das Bild auch auf Bildschirmen in Retina-Auflösung entsprechend scharf angezeigt wird.

Wenn Sie ein Bild markieren, zeigt es zusätzlich zu den Eigenschaften eines normalen Elements eine Schaltfläche, um eine Bilddatei zu wählen, und einen weißen Punkt unten rechts, mit dem Sie die Größe des Bilds ändern können. Die Seitenverhältnisse bleiben bei der Änderung der Bildgröße erhalten, es sei denn, Sie drücken gleichzeitig Shift auf der Tastatur.

Es gibt für Bilder die folgenden Style Eigenschaften:

Bild

Bild-URL ist die URL, von der das Bild stammt. Sie können hier auch die URL eines auf Ihrer Homepage gespeicherten Bildes angeben. Mit der Schaltfläche rechts des Feldes können Sie ein neues Bild hochladen. 

Mit dem Alt-Text bestimmen Sie einen Alternativtext, der angezeigt wird, wenn das Bild nicht geladen ist. 

Hyperlink

Bietet die gleichen Optionen, die beim Einfügen eines Links zur Verfügung stehen. 

Ausrichtung

Bietet die Möglichkeit, das um 90° nach links oder rechts zu drehen. Wenn Sie ein Bild links, recht oder zentriert ausrichten möchten, platzieren Sie es in ein Layout-Element und wählen die entsprechende Ausrichtung in den Eigenschaften des Layout-Elements.

Größe

Im Gegensatz zu Überschriften bieten Bilder die Möglichkeit, sowohl die Höhe als auch die Breite eines Bilds zu bestimmen. 

Es ist allerdings ratsam, nur die Breite eines Bilds zu bestimmen, und die Höhe möglichst leer zu lassen. Im Responsive-Mode wird auf mobilen Endgeräten die Breite von Bildern skaliert. Ist eine fixe Höhe angegeben, kann es zu Verzerrungen kommen.