Bilder einfügen

Achtung Urheberrecht!

Bei der Verwendung von Bildern, die nicht aus dem Ordner "Motive" der Typo3-Dateiliste stammen, beachten Sie bitte die Hinweise zum Urheberrecht.

Bild einbinden

Bevor Sie ein Bild in Ihre Webseite einfügen, müssen Sie es (am besten als jpg und nicht breiter als 1920 Pixel) in die Dateiliste hochladen. Anschließend wählen Sie ein Inhaltselement vom Typ "Text & Bild" oder vom Typ "Nur Bilder". Klicken Sie auf den Reiter "Bilder" (1.) und anschließend auf die Schaltfläche "Bild hinzufügen" (2.). Es öffnet sich die Dateiliste. Öffnen Sie den Ordner, in dem Sie Ihr Bild abgelegt haben, und klicken Sie auf das gewünschte Bild. Bei Text/Bild-Elementen können Sie pro Inhaltselement immer nur ein Bild hinzufügen, bei reinen Bild-Elementen sind mehrere Bilder möglich.

Metadaten ausfüllen

Das Bild erscheint nun im Inhaltselement. In der Regel sind die Bild-Metadaten bereits geöffnet. Falls nicht, öffnen Sie sie mittels Klick auf den Pfeil links neben dem Vorschaubild (1.). Idealerweise haben Sie die Bild-Metadaten bereits beim Hochladen des Bildes in die Dateiliste eingetragen. Wenn nicht, gelangen Sie über das Stift-Symbol zu den Metadaten des Bildes in der Dateiliste (2.). Über das Mülleimer-Symbol können Sie das Bild löschen (3.). Bei mehreren Bildern können Sie das Bild über das Drag-Icon in der Liste verschieben (4.).

Im Bereich "Bild-Metadaten" können Sie einstellen, ob die in der Dateiliste eingetragenen Metadaten auf der Webseite angezeigt, nicht angezeigt oder durch einen anderen Text überschrieben werden sollen:

  • Wenn Sie nichts tun, werden die Eintragungen der Dateiliste automatisch angezeigt.
  • Wenn Sie die Häkchen bei "Elementspezifischer Wert" (5.) setzen, in den Textfeldern aber nichts eintragen, wird auf der Webseite auch nichts angezeigt.
  • Wenn Sie die Häkchen (5.) setzen und die Textfelder ausfüllen, überschreibt dieser Text die Eintragung der Dateiliste und wird auf der Webseite angezeigt.

Wichtig ist hier vor allem das Feld "Alternativer Text" (6.). Es ermöglicht es Personen, die die Seiten mit einem Screenreader lesen, den Inhalt der Bilder zu erfassen. Der alternative Text sollte das Bild kurz, aber genau beschreiben. Die Beschreibung (7.) wird auf der Webseite als Bildunterschrift ausgegeben. Bei "Link" (8.) können Sie das Bild mit einem Link versehen. Ist dies der Fall, erscheint der bei "Titel" (9.) eingetragene Text als Tooltip, wenn Sie mit der Maus über den Link fahren.

Bild bearbeiten

Am besten ist es, wenn Sie Ihr Bild auf das gewünschte Format zuschneiden, bevor Sie es in die Dateiliste hochladen. Sie können es aber auch im Inhaltselement bearbeiten. Klicken Sie hierfür auf "Editor öffnen".

 

Unter "Seitenverhältnis" (1.) können Sie ein Format auswählen. Mit Klick auf "Akzeptieren" (2.) speichern Sie Ihre Änderungen.

 

Weitere Einstellungen

  1. Unter "Position und Ausrichtung" können Sie bei Text/Bild-Elementen die Position des Bildes im Verhältnis zum Text auswählen. Das Bild kann entweder links oder rechts stehen und wird bei längerem Text von diesem umflossen.
  2. Bei reinen Bild-Elementen können Sie die Breite bzw. Höhe der Bilder bestimmen. Bei Text/Bild-Elementen können Sie das Bild zwar verkleinern, eine größere Darstellung als der vorgegebene Standard ist jedoch nicht möglich.
  3. Bei "Anzahl der Spalten" können Sie festlegen, wieviele Bilder nebeneinander angezeigt werden sollen.
  4. Wenn Sie den Regler "Bei Klick vergrößern" aktivieren, können die Nutzer, wenn sie auf das Bild klicken, es sich in einer größeren Größe ansehen.