Bilder hinzufügen und bearbeiten

Eine Webseite beinhaltet keine Bilder, sie ist jedoch mit der Medienbibliothek, wo die Bilder gespeichert sind, verknüpft. Um die Bilder in Ihrem Inhalt anzuzeigen, müssen die Bilder in einem Ordner unter Medien im Ressourcenbereich verfügbar sein. Sie können entweder zuerst ein Bild in einen Ordner im Ressourcenbereich hochladen und es dann zu Ihrem Inhalt hinzufügen, oder Sie können ein Bild per Drag-and-drop direkt von Ihrem Computer in einen Inhaltsbereich ziehen. Im letztgenannten Fall wird das Bild automatisch hochgeladen und im Ordner Für diese Seite (oder Für diesen Block) gespeichert.

Sie können die Bilder in Optimizely mithilfe des Bild-Editors bearbeiten, der grundlegende Bildbearbeitungsfunktionen wie beschneiden, skalieren und transformieren bietet.

Bilder zu dem Inhalt hinzufügen

In Bildverknüpfungseigenschaft

Bilder werden oft über eine Bildverknüpfungseigenschaft dem Inhalt hinzugefügt. Sie können ein Bild entweder per Drag-and-drop aus dem Ressourcenbereich oder von Ihrem Computer auf die Eigenschaft ziehen. Wenn Sie es per Drag-and-drop von Ihrem Computer einfügen, wird das Bild automatisch hochgeladen und im Ordner Für diese Seite oder Für diesen Block im Ressourcenbereich gespeichert. Weitere Informationen zum manuellen Hochladen von Bildern in den Ressourcenbereich finden Sie hier: Medien.

Um ein bereits hinzugefügtes Bild zu ersetzen, klicken Sie auf das Bild; das Dialogfeld Bild auswählen öffnet sich. In diesem Dialog können Sie ein anderes bereits hochgeladenes Bild auswählen oder ein neues Bild hochladen. Sie können das aktuelle Bild auch durch einfaches Drag-and-drop eines anderen Bildes in die Bildeigenschaft ersetzen.

Bild: Bildverknüpfungseigenschaft

Bild: Dialogfeld Bild auswählen

Im Rich-Text-Editor oder in Inhaltsbereichen

Sie können auch Bilder zum Rich-Text-Editor oder den Inhaltsbereichen in Seiten oder Blöcken hinzufügen. Um ein Bild auf diese Weise hinzuzufügen, können Sie das Bild per Drag-and-drop direkt von Ihrem Computer in den Rich-Text-Editor ziehen. Das Bild wird automatisch mit seinem ursprünglichen Dateinamen im Ordner Für diese Seite (oder Für diesen Block) gespeichert. Eine andere Möglichkeit besteht darin, das Bild unter Medien im Ressourcenbereich zuerst in einen Ordner hochzuladen und das Bild dann per Drag-and-drop aus dem Ordner oder über die Schaltfläche Bild einfügen/bearbeiten  in der Symbolleiste des Rich-Text Editors hinzuzufügen:

1. Platzieren Sie den Mauszeiger im Bearbeitungsbereich an die Stelle, wo Sie das Bild einfügen möchten.
2. Klicken Sie auf die Schaltfläche Bild einfügen/bearbeiten in der Symbolleiste des Editors.
3. Wählen Sie das gewünschte Bild in der Quelle-Ordnerstruktur aus.
4. Geben Sie eine Bildbeschreibung für das Bild ein. Sie wird als HTML-<a>-Tag zum Bild hinzugefügt und ist wichtig, wenn Leser die Anzeige von Bildern im Browser deaktiviert haben oder sehbehinderte Benutzer einen Bildschirmleser verwenden.
5. Klicken Sie auf OK.

Bilder ausrichten

Sie können Bilder beispielsweise so ausrichten, dass sie auf der Seite rechts stehen und vom Text links umflossen werden:

1. Setzen Sie den Mauszeiger an das Ende des Textes, der das Bild umfließen soll.
2. Ziehen Sie das Bild per Drag-and-drop an diese Stelle.
3. Wählen Sie das Bild aus.
4. Wählen Sie in der Menüleiste des Editors Format > Ausrichten > Rechts:
   
   

Bild-Speicherort finden

Wenn Sie ein bereits eingefügtes Bild im Rich-Text-Editor haben und herausfinden möchten, wo dieses gespeichert ist, wählen Sie das Bild aus und die Schaltfläche Gehe zu Medien erscheint. Klicken Sie auf diese Schaltfläche, um das Bild zu öffnen, oder bewegen Sie den Mauszeiger darüber, um zu sehen, wo das Bild gespeichert ist.

Bilder bearbeiten

Führen Sie einen der folgenden Schritte durch, um auf die Bildeditor-Optionen zuzugreifen:

• Klicken Sie in einer Bildverknüpfungseigenschaft in die Bildeigenschaft, um das Dialogfeld Bild auswählen zu öffnen, und wählen Sie dann In Bild-Editor öffnen aus dem Kontextmenü des Bildes aus:
  
  
• Wählen Sie im Rich-Text-Editor das Bild aus und klicken Sie dann in der Symbolleiste auf Bildeditor.
  
  
• Suchen Sie das gewünschte Bild unter Medien im Ressourcenbereich und wählen Sie Im Bildeditor öffnen aus dem Kontextmenü aus.

  

Bildbearbeitungsfunktionen beinhalten zuschneiden, skalieren und transformieren:

Bildbearbeitung	Beschreibung
Zuschneiden	Geben Sie Werte für Oben, Links, Breite und Höhe ein oder zeichnen Sie einen Bereich im Bild für das Zuschneiden. Klicken Sie auf Anwenden, um die Änderungen zu speichern, bevor Sie fortfahren. Sie können voreingestellte Werte verwenden, wenn diese Werte für die Webseite konfiguriert wurden.
Größe ändern	Geben Sie Werte für Breite und Höhe ein oder bewegen Sie einen Eckgriff, um die Größe zu ändern. Lassen Sie Proportionen beschränken ausgewählt, um die Proportionen des Bildes beizubehalten. Klicken Sie auf Anwenden, um die Änderungen zu speichern, bevor Sie fortfahren. Sie können voreingestellte Werte verwenden, wenn diese Werte für die Webseite konfiguriert wurden.
Umwandeln	Überschlagen oder drehen Sie das Bild oder wählen Sie Graustufen, um zu Graustufen zu konvertieren.

Sie können eine bearbeitete Bilddatei als Kopie speichern oder die Originaldatei ersetzen:

• Als Kopie speichern. Wenn das Bild in einer Seite oder in einem Block ausgewählt wurde, wird die Kopie in dem lokalen Ordner gespeichert. Wenn das bearbeitete Bild in der Medienstruktur ausgewählt wurde, wird die (umbenannte) Kopie im selben Ordner wie das Original gespeichert.
• Originalbild ersetzen. Diese Aktion wirkt sich auf alle Orte auf der Webseite aus, wo das Bild verwendet wird.

Bilder vom Inhalt entfernen

Das Bild befindet sich in:

• Bild-Eigenschaft. Klicken Sie auf die Option Entfernen .
• Inhaltsbereich. Wählen Sie Entfernen aus dem Kontextmenü aus.
• Rich-Text-Editor. Klicken Sie auf das Bild und löschen Sie es.