Bilder und Videos hinzufügen

Mit den folgenden Methoden können Sie neue Bilder und Videos hinzufügen:

• Mit dem Befehl Assets importieren
• Durch Ziehen der Assets aus dem Dateisystembrowser auf Ihrem Computer
• Durch Zugreifen auf die Asset-Bibliothek in Studio
• Durch Erstellen eines Bild- oder Videoelements und Angabe der Quelle
• Durch Ersetzen vorhandener Bilder

Lokale Bilder und Videos, die Sie in Google Web Designer verwenden, werden automatisch der Bibliothek hinzugefügt, wenn der Dateityp unterstützt wird. Dadurch können Sie sie ganz einfach im Dokument wiederverwenden.

SVG-Bilder

Sie können SVG-Dateien entweder als Bilder oder als Inline-Code importieren.
 

Bilder und AMPHTML-Anzeigen

AMPHTML-Anzeigen verwenden das Tag amp-img anstelle von img. Wenn Sie in der Designansicht ein Bild hinzufügen, wird von Google Web Designer automatisch das entsprechende Tag ausgewählt.
 

Videos und Ereignisse (interaktives Video)

Wenn Sie für Ihr Video Ereignisse verwenden möchten, nutzen Sie die Komponente „Video“, anstatt ein Videoelement mit dem Elementtool hinzuzufügen.
 

Videoanzeigen

Bilder und Videos in Videoanzeigen können als Medienclips verwendet werden.

Neues Bild oder Video hinzufügen

Bilder oder Videos importieren

1. Wählen Sie im Menü Datei die Option Assets importieren… aus. Alternativ können Sie auch die Tastenkombination Strg + Umschalttaste + I unter Windows bzw. ⌘ + Umschalt + I auf einem Mac drücken.
2. Wählen Sie im Dialogfeld mindestens eine Datei aus, die Sie importieren möchten.

Die ausgewählten Assets werden im Arbeitsbereich des Dokuments und in der Bibliothek angezeigt.

Bilder oder Videos per Drag-and-drop vom Computer hinzufügen

1. Wählen Sie im Dateisystembrowser Ihres Computers das Bild oder Video aus, das Sie hinzufügen möchten. Sie können auch mehrere Dateien auswählen.
2. Ziehen Sie das Bild oder Video in Google Web Designer in den Arbeitsbereich des Dokuments.

Bilder oder Videos aus der Asset-Bibliothek von Studio hinzufügen

1. Wählen Sie im Drop-down-Menü oben in der Bibliothek Studio aus.
2. Klicken Sie auf die Schaltfläche Starten, um eine Verbindung zur Asset-Bibliothek von Studio herzustellen.
   • Wenn Sie nicht angemeldet sind, werden Sie aufgefordert, sich in dem Google-Konto anzumelden, das mit Ihrem Studio-Konto verknüpft ist.
3. Gehen Sie in der Ordnerstruktur zum gewünschten Asset.
4. Ziehen Sie das Asset aus der Bibliothek an die gewünschte Stelle im Arbeitsbereich des Dokuments.

Eine Kopie des Assets wird der lokalen Bibliothek im Ordner studio hinzugefügt.

Bild in einem Dokument ersetzen

Mit der Funktion "Bild tauschen" können Sie ein Bild durch ein anderes ersetzen. Diese Funktion ist besonders dann praktisch, wenn Sie Stockfotos aus einer Vorlage ersetzen möchten.

1. Klicken Sie mit der rechten Maustaste auf das zu ersetzende Bild.
2. Wählen Sie im Pop-up-Menü die Option Bild tauschen… aus.
3. Wählen Sie im Dialogfeld entweder ein Bild aus der Bibliothek aus oder klicken Sie auf Assets importieren , um ein Bild von Ihrem Computer zu importieren.
4. Klicken Sie auf OK.

Wenn der Befehl Bild tauschen... nicht angezeigt wird, achten Sie darauf, dass Sie das Bild ausgewählt haben und kein übergeordnetes oder sonstiges Element, das über dem Bild eingeblendet wird. Mit dem Gliederungseditor können Sie problemlos feststellen, welches Element Sie ausgewählt haben.

Mithilfe des Element-Tools ein Bild oder Video hinzufügen

1. Wählen Sie in der Symbolleiste das Element-Tool  aus.
2. Wählen Sie in der Leiste mit den Tooloptionen entweder Bildelement  oder Videoelement  aus.
3. Erstellen Sie durch Klicken und Ziehen in den Arbeitsbereich ein Element mit der gewünschten Größe.
4. Geben Sie im Steuerfeld "Eigenschaften" die Quelle für das Bild oder Video an.

Bilder werden hinsichtlich Größe und Seitenverhältnis so angepasst, dass sie in das von Ihnen gezeichnete Element passen. Videos werden im gezeichneten Element so groß wie möglich dargestellt, ohne jedoch das Seitenverhältnis zu ändern.

Bilder und Videos aus der lokalen Bibliothek verwenden

Sie können sich die Bilder und Videos, die Sie diesem Dokument hinzugefügt haben, im Steuerfeld "Bibliothek" ansehen.

1. Klicken Sie in der Bibliothek auf die Namen der entsprechenden Bild- oder Video-Assets.
2. Ziehen Sie die Elemente in den gewünschten Arbeitsbereich.

Web Designer speichert im Dateisystem Ihres Computers Kopien der lokalen Bibliotheks-Asset-Dateien im Unterordner assets des Google Web Designer-Projektordners.

Größe von Bildern und Videos anpassen

Nachdem Sie ein Bild oder Video hinzugefügt haben, können Sie die Größe oder Skalierung anpassen.

Vorschau für Videos ansehen

Sie können sich Videos in der Google Web Designer-Benutzeroberfläche als Vorschau ansehen, wenn sie sich in einer Videokomponente oder einer Videoanzeige befinden.

Falls Sie wissen möchten, wie ein Video in Ihrem Projekt aussieht, können Sie sich das Dokument in Ihrem bevorzugten Browser als Vorschau ansehen. Klicken Sie dazu rechts oben auf die Schaltfläche Vorschau. Für Videoanzeigen ist diese Option nicht verfügbar.