Inhaltselement: Bild

 

Du kannst direkt ein Bild vom deinem Computer hochladen, indem du das blaue Symbol verwendest oder du kannst ein bereits hochgeladenes Bild mit dem grünen Symbol aus der Verwaltung einladen. Mit dem roten Papierkorb wird ein hochgeladenes Bild nicht gelöscht. Es wird lediglich die Verlinkung zum Bild entfernt. Möchtest du hochgeladene Bilder löschen, dann musst du dazu die Bildverwaltung direkt aufrufen.

Das dunkelblaue Symbol führt zu unserer Bilddatenbank. Hier kannst du auf alle Bilder zurückgreifen, die wir kostenlos zur Verfügung stellen. Standardmäßig wird beim Aufrufen die Rubrik „Inhalt“ ausgewählt, in der du Bilder im Querformat und Hochformat und in quadratischer Form zur Verfügung hast. Diese Bilder sind von der Größe bereits so optimiert, dass sie als Schmuckbilder auf deiner Seite genutzt werden kann. Die Bilder im Querformat haben eine Größe von 533 x 300 px, die Bilder im Hochformat sind 300 x 533 px groß und die quadratischen Bilder aber die Abmessung von 400 x 400 px. Natürlich kannst du diese Bilder skalieren und kleiner darstellen. Außerdem kannst du natürlich auch auf die anderen Bilder im Archiv zugreifen. Bilder aus der Rubrik „Layout“ haben das Format 1.400 x 500 px und werden normalerweise für den Header verwendet. „Hintergrundbilder“ sind am größten mit einem Format von 2.560 x 1.440 px und hauptsächlich gedacht, als Schmuckbild für den Hintergrund deiner Webseite zu dienen. Die Kacheln sind 200 x 200 px groß und besonders gut geeignet, einen Hintergrund mit einem Muster auszufüllen.

 

Hier wird dir angezeigt, wie breit und wie hoch das Originalbild ist, welches du eingeladen hast. Diese Werte dienen nur zur Information und können nicht verändert werden. Du solltest Bilder niemals größer darstellen als in der Originalgröße, da ansonsten die Qualität stark leidet.

 

Wenn du ein Bild ausgewählt hast, füllen sich diese beiden Felder mit den Werten vom Originalbild. Du kannst jederzeit in die Felder klicken und die Breite und Höhe verändern. Ebenso kannst du die Dreiecke verwenden und darüber die Größe in 1 px Schritten verändern. Je nachdem, was du unter dem Punkt „Bildgrößenänderung“ eingestellt hast, verhalten sich diese Felder leicht unterschiedlich.

 

Du hast zwei Optionen. Entweder „Proportional“ oder „Frei skalierbar“.

Wenn du proportional wählst und du die Breite des Bildes ändert, passt sich die Höhe automatisch an, damit das Bild immer im gleichen Seitenverhältnis dargestellt und nicht verzerrt wird. Ebenso ändert sich die Breite, wenn du die Höhe manuell veränderst.

Hast du auf „frei skalierbar“ eingestellt, kannst du beide Felder unabhängig voneinander verändern, was schnell dazu führt, dass das Bild verzerrt dargestellt wird, es sei denn, du rechnest dir genau aus, wie hoch das Bild sein darf bei einer bestimmten Breite. Wenn du sicher sein willst, dass das Bild nicht verzerrt wird, verwende grundsätzlich proportional.

 

Du kannst das Bild mit einem Klick links, mittig oder rechts auf der Seite ausrichten, wobei genau genommen die Ausrichtung immer nur innerhalb der Spalte erfolgt. Wenn die Spalte so breit ist wie deine Seite, wird das Bild natürlich auf die Breite der Seite ausgerichtet. Wenn du zwei oder mehr Spalten auf der Seite hast, wird das Bild immer auf die Spalte ausgerichtet, in der es sich befindet.

 

Unter einem Bild kannst du einen Text platzieren, der mit dem Bild verbunden ist und wenn du das Element Bild verschiebst, wird die Bildunterschrift (7) mit verschoben. Du kannst diese Unterschrift mit folgenden Optionen gestalten:

 

Schriftart (8) = Hier kannst du eine Schriftfamilie, eine Schriftgröße und eine Schriftfarbe einstellen. Das funktioniert ganz einfach. Ausführliche Beschreibung auf der Seite „Grundfunktionen“.

Ausrichtung (9) = Die Unterschrift wird zum Bild ausgerichtet, nicht zum Bereich. In der Vorschau (6) wird versucht, die Schrift maßstabsgerecht zum Bild darzustellen. Das ist aber nur annähernd der Fall, hilft aber, eine Vorstellung zu bekommen.

Abstand zum Bild (A) = Hiermit wird der Abstand zur unteren Kante des Bildes festgelegt. Dabei wird die Oberkante der Schrift zur Berechnung verwendet.

 

Aktuell ist hier nur die Option, einen Bildrahmen (B) um das Bild zu legen. Du kannst einen Rahmenstyle, eine Rahmenstärke, eine Rahmenfarbe und Transparenz und eine Abrundung festlegen. Ausführliche Beschreibung auf der Seite „Grundfunktionen“. Wenn du eine hohe Abrundung einstellst und dein Bild quadratisch ist, kannst du damit erreichen, dass dein Bild als Kreis angezeigt wird.

 

Du kannst wählen zwischen „Benutzerdefiniert“ und „Originalgröße“. Standardmäßig steht die Auswahl auf „Benutzerdefiniert“. In der nächsten Zeile kannst du dann einen Link (D) angeben. Klicke dazu auf das Kettensymbol und trage die entsprechenden Werte in dem Dialog ein, der sich dann öffnet. Du kannst in diesem Dialog direkt interne Seiten verlinken oder einfach einen externen Link eingeben.

Wählst du „Originalgröße“ aus, musst du keine weiteren Eingaben machen. Klickt ein Besucher auf das Bild, öffnet sich ein neues Fenster und das Bild wird wenn möglich in der Originalgröße angezeigt. Das ist natürlich abhängig von der Bildgröße und dem Monitor auf dem der Link geöffnet wird.

 

Damit Suchmaschinen wissen, um was für ein Bild es sich handelt, solltest du einen Alternativ-Text (E) schreiben. Dieser Text wird dann von Google erkannt und ausgewertet. Der Tooltip (F) wird angezeigt, wenn ein Besucher mit der Maus über das Bild fährt.