Ausgewählte Bilder hinzufügen

Vermarkte die auf deiner Website enthaltenen Blogeinträge, Events oder Produkte mit einem überzeugenden Bild.

Zuletzt aktualisiert: 23. März 2024

Squarespace verwendet ausgewählte Bilder, um einzelne Sammlungsinhalte – z. B. Blogeinträge, Events und Produkte – in verschiedenen Bereichen deiner Website darzustellen. Du kannst beispielsweise einen Übersichts-Block verwenden, um Beiträge von deiner Blog-Seite anzuzeigen, die das ausgewählte Bild jedes Beitrags enthalten.

Wenn deine Website Version 7.0 nutzt, kannst du auch ausgewählte Bilder von Seiten hinzufügen, die auf Index-Seiten angezeigt werden, und in einigen Templates Banner-Bilder für einzelne Seiten erstellen.

Wir empfehlen, nach Möglichkeit immer ausgewählte Bilder hinzuzufügen, um ein großartiges visuelles Erlebnis auf deiner Website zu erstellen. Hilfestellungen für das Formatieren von Bildern vor dem Hochladen findest du unter Bilder für Websites formatieren.

Tipp

Wenn du einen Link von deiner Website in sozialen Medien teilst, wird möglicherweise dein Social-Sharing-Bild anstelle des ausgewählten Bilds des Elements oder der Seite angezeigt. Weitere Informationen darüber, was angezeigt wird, findest du unter Wie Inhalte in Social-Media-Beiträgen angezeigt werden.

Ausgewählte Bilder von Sammlungsinhalten

Ausgewählte Bilder von Sammlungsinhalten stellen einzelne Blogeinträge, Events und Produkte auf deiner Website dar. Sie können auch angezeigt werden, wenn die Elemente in sozialen Medien geteilt werden.

In Version 7.0 verwenden einige Templates ausgewählte Bilder von Sammlungsinhalten, um ein Banner-Bild zu erstellen.

Wie du ein ausgewähltes Bild eines Sammlungsinhalts hinzufügst, hängt von der Squarespace-Version deiner Website ab.

So fügst du ein ausgewähltes Bild eines Blogeintrags, Events oder einer Portfolio-Unterseite hinzu:

  1. Öffne das Menü „Seiten“.
  2. Klicke im Seiten-Menü auf eine Blog-, Events- oder Portfolio-Seite. Wenn du keine ausgewählte Bilder zu einem Beitrag, Event oder einer Unterseite hinzugefügt hast, wird stattdessen ein Bild-Symbol angezeigt.
  3. Bewege den Mauszeiger über das Element (z. B. einen Blogeintrag) und klicke auf , und dann auf Einstellungen
  4. Ziehe im Tab Inhalt oder Allgemein dein Bild in den Bild-Uploader oder klicke auf den Bild-Uploader und wähle eine Datei von deinem Computer aus. Wenn das Element bereits ein Bild enthält, klicke auf Bild entfernen und füge dann ein neues Bild hinzu.
  5. Um ein Bild wiederzuverwenden oder ein Agenturbild zu verwenden, klicke auf Nach Bildern suchen (nur Blogeinträge und Events).
  6. Klicken Sie auf Speichern.

Standardmäßig wird das erste Bild, das im Produkt-Editor angezeigt wird, zum ausgewählten Bild. So änderst du das ausgewählte Bild deines Produkts:

  1. Öffne das Menü „Seiten“.
  2. Klicke im Seiten-Menü auf eine Shop-Seite.
  3. Doppelklicke auf ein Produkt.
  4. Scrolle im Produkteditor nach unten zum Abschnitt Bilder und klicke auf Ausgewähltes Bild.
  5. Lade ein Bild hoch oder wähle ein bestehendes aus deiner Bildbibliothek aus.
  6. Wenn das Produkt bereits über ein ausgewähltes Bild verfügt, klicke auf die drei Punkte rechts neben dem Bild und danach auf Löschen. Lade anschließend ein neues Bild hoch.
  7. Klicken Sie auf Speichern.

So fügst du ein individuell ausgewähltes Vorschaubild zu einem hochgeladenen Video auf einer Videoseite hinzu:

  1. Öffne das Seiten-Menü und klicke auf eine Videoseite.
  2. Klicke im seitlichen Menü auf Alle.
  3. Bewege den Mauszeiger über das Video, dem du ein individuell ausgewähltes Vorschaubild hinzufügen möchtest, klicke auf ... und dann auf Video bearbeiten.
  4. Aktiviere im Video-Editor den Schalter Individuell ausgewähltes Vorschaubild. Denke daran, dass diese Option nur für Videos verfügbar ist, die direkt auf Squarespace hochgeladen wurden. Es ist nicht möglich, ein individuelles Vorschaubild zu eingebetteten Videos hinzuzufügen.
  5. Klicke auf Ein Bild hinzufügen und lade dann ein Bild hoch oder wähle ein Bild aus deiner Bildbibliothek aus. Wenn das Element bereits über ein Bild verfügt, klicke auf Ersetzen und füge dann ein neues Bild hinzu.
  6. Klicken Sie auf Speichern.

So fügst du ein ausgewähltes Bild für einen Blogeintrag oder ein Event hinzu:

  1. Öffne das Menü „Seiten“.
  2. Klicke im Seiten-Menü auf eine Blog- oder Events-Seite
  3. Öffne die Einstellungen des Elements und klicke auf Optionen.
  4. Ziehe dein Bild in den Bild-Uploader, oder klicke auf den Bild-Uploader und wähle eine Datei von deinem Computer aus. Wenn das Element bereits über ein Bild verfügt, klicke auf Bild entfernen oder auf das Papierkorb-Symbol, und füge dann ein neues Bild hinzu.
  5. Um ein Bild wiederzuverwenden oder ein Agenturbild hinzuzufügen, klicke auf Bilder suchen.
  6. Klicken Sie auf Speichern.

Standardmäßig wird das erste Bild, das im Produkt-Editor angezeigt wird, zum ausgewählten Bild. So änderst du das ausgewählte Bild deines Produkts:

  1. Öffne das Menü „Seiten“.
  2. Klicke im Seiten-Menü auf eine Shop-Seite.
  3. Doppelklicke auf ein Produkt.
  4. Scrolle im Produkteditor nach unten zum Abschnitt Bilder und klicke auf Ausgewähltes Bild.
  5. Lade ein Bild hoch oder wähle ein bestehendes aus deiner Bildbibliothek aus.
  6. Wenn das Produkt bereits über ein ausgewähltes Bild verfügt, klicke auf die drei Punkte rechts neben dem Bild und danach auf Löschen. Lade anschließend ein neues Bild hoch.
  7. Klicken Sie auf Speichern.

Tipp

Verwende den Bild-Editor, um das ausgewählte Bild nach dem Hochladen zu gestalten oder zuzuschneiden. Du kannst auch Bildausschnitte verwenden, um das Bild innerhalb seiner Höhenabmessungen zu zentrieren.

So erlangst du Zugriff auf diese Funktion

Die Squarespace-App unterstützt nur das Hinzufügen von ausgewählten Bildern von Sammlungsinhalten zu Blogeinträgen. Verwende einen Computer, um ausgewählte Bilder für Events oder Produkte hinzuzufügen.

So fügst du ein ausgewähltes Bild für einen Sammlungsinhalt bei einer Website unter Version 7.1 hinzu:

  1. Tippe auf Mehr, tippe auf Seiten, tippe auf den Blog und dann auf Blog-Inhalt.
  2. Tippe neben dem Beitrag auf ... , dann auf Einstellungen und dann auf Inhalt.
  3. Wenn das Element bereits über ein Bild verfügt, klicke auf Bild entfernen und dann auf Bild hinzufügen
  4. Wählen Sie ein Bild aus:
    • Ein neues Foto aufnehmen – Tippe auf Foto aufnehmen oder Kamera.
    • Wähle ein Bild von deinem Gerät aus – Tippe auf Fotobibliothek oder Dateien.
    • Ein Bild von iCloud auswählen – Tippen Sie auf Einfügen von ....
  5. Tippe auf Zurück und dann auf Speichern.

So fügst du ein ausgewähltes Bild für einen Sammlungsinhalt bei einer Website unter Version 7.0 hinzu:

  1. Tippe auf Mehr und dann auf Seiten
  2. Tippe auf den Blog und dann auf den Blogeintrag. 
  3. Tippe auf ... und dann auf Seiteneinstellungen.
  4. Tippe in den Beitragseinstellungen auf Bild hinzufügen und wähle dann ein Bild aus:
    • Ein neues Foto aufnehmen – Tippe auf Foto aufnehmen oder Kamera.
    • Wähle ein Bild von deinem Gerät aus – Tippe auf Fotobibliothek oder Dateien.
    • Ein Bild von iCloud auswählen – Tippen Sie auf Einfügen von ....
  5. Tippen Sie auf Speichern

Ausgewählte Bilder für Seiten (Version 7.0)

So erlangst du Zugriff auf diese Funktion

Version 7.1 verwendet keine ausgewählten Bilder für Seiten. Um ein Banner-Bild zu erstellen, füge stattdessen ein Abschnittshintergrundbild zu einem Seitenabschnitt hinzu. Um die Seite in sozialen Medien darzustellen, füge ein alternatives Social-Sharing-Bild hinzu.

Ausgewählte Bilder von Seiten werden auf Index-Seiten angezeigt und erstellen in einigen Templates Banner-Bilder für einzelne Seiten. Einige Templates unterstützen auch das Hinzufügen von Videos.

So fügst du ein ausgewähltes Bild für eine Seite hinzu:

  1. Öffne das Menü „Seiten“.
  2. Fahre mit der Maus über die Seite im linken Menü und klicke,um die Seiteneinstellungen zu öffnen.
  3. Klicke in den Seiteneinstellungen auf den Tab Medien.
  4. Ziehe ein Bild in das Feld Ausgewähltes Bild oder klicke auf Bild hinzufügen. Wenn das Element bereits über ein Bild verfügt, klicke auf Bild entfernen oder auf das Papierkorb-Symbol, und füge dann ein neues Bild hinzu. Du kannst auch auf Nach Bildern suchen klicken, um ein Bild wiederzuverwenden oder ein Agenturbild hinzuzufügen.
  5. Klicken Sie auf Speichern.

Tipp

Verwende den Bild-Editor, um das ausgewählte Bild nach dem Hochladen zu gestalten oder zuzuschneiden. Du kannst auch Bildausschnitte verwenden, um das Bild innerhalb seiner Höhenabmessungen zu zentrieren.

So fügst du ein ausgewähltes Bild für eine Seite hinzu:

  1. Tippe auf Mehr und dann auf Seiten.
  2. Tippe auf ... oder oben auf dem Bildschirm, und tippe dann auf Seiteneinstellungen.
  3. Tippe unter Optionen auf Medien.
  4. Tippe unter Ausgewähltes Bild auf Bild hinzufügen. Wenn das Element bereits über ein Bild verfügt, klicke auf Ersetzen, und füge dann ein neues Bild hinzu.
  5. Wählen Sie ein Bild aus:
    • Ein neues Foto aufnehmen – Tippen Sie auf Foto aufnehmen oder Kamera.
    • Wählen Sie ein Bild von Ihrem Gerät aus – Tippen Sie auf Fotobibliothek oder Dateien.
    • Ein Bild von iCloud auswählen – Tippen Sie auf Einfügen von ....
  6. Tippe auf Seiteneinstellungen und dann auf Speichern.

Wenn die Galerie-Seite kein ausgewähltes Bild enthält, wird in den meisten Templates automatisch eines aus dem ersten Bild in der Galerie erstellt. Gehe wie oben beschrieben vor, um dieses Bild durch ein anderes Bild zu ersetzen, oder lösche es ganz.

Wenn du Änderungen an der Galerie vornimmst, wird bei einigen Templates nach dem Löschen des ausgewählten Bilds der Seite das erste Bild der Galerie automatisch zum neuen ausgewählten Bild. Besonders gut zur Geltung kommt dies bei Templates, die zur Erstellung eines Seiten-Banners auf das ausgewählte Bild zurückgreifen.

In diesem Fall kannst du das neue ausgewählte Bild nach jeder Änderung aus den Seiteneinstellungen löschen, um es zu entfernen. Bitte beachte, dass das ausgewählte Bild nicht automatisch aktualisiert wird, wenn du Änderungen an der Galerie vornimmst und ein ausgewähltes Bild manuell in den Seiteneinstellungen hinzufügst. Um das Erscheinungsbild einer Seite ohne Banner nachzuahmen, kannst du ein ausgewähltes Bild in einer Volltonfarbe hochladen, die der Farbe des Hintergrunds entspricht.

So werden ausgewählte Bilder angezeigt

Ausgewählte Bilder werden je nach Version deiner Website und dem Anzeigeort unterschiedlich angezeigt. 

In dieser Tabelle findest du weitere Informationen dazu, wie ausgewählte Bilder in verschiedenen Bereichen deiner Website angezeigt werden. 

Bereich der Website

Anzeige des ausgewählten Bilds

Blog-, Events-, Shop- und Videoseiten

Ausgewählte Bilder des Elements werden auf der Hauptsammlungs-Seite angezeigt, um die einzelnen Elemente darzustellen. Auf den Events-Seiten wird beispielsweise das ausgewählte Bild für jedes kommende Event angezeigt.

Produkt-Blöcke

Ausgewählte Bilder werden angezeigt, wenn Bild anzeigen aktiviert ist.

Übersichts-Blöcke

Ausgewählte Bilder werden für Sammlungsinhalte angezeigt, die im Block sind. Wähle zwischen mehreren verschiedenen Layouts.

In dieser Tabelle erfährst du mehr darüber, wie ausgewählte Bilder in verschiedenen Bereichen deiner Website angezeigt werden.

Bereich der Website

Anzeige des ausgewählten Bilds

Banner

Ausgewählte Bilder werden in einigen Templates als Seiten- und Sammlungsinhalts-Banner angezeigt.

Index-Seiten

Ausgewählte Bilder werden je nach Template deiner Website als Raster, gestapelt oder als Vollbild angezeigt.

Blog-, Events- und erweiterte Shop-Seiten

Ausgewählte Bilder von Sammlungsinhalten werden auf der Hauptsammlungs-Seite angezeigt, um die einzelnen Elemente darzustellen. Auf den Events-Seiten wird beispielsweise das ausgewählte Bild für jedes kommende Event angezeigt.

Produkt-Blöcke

Ausgewählte Bilder werden angezeigt, wenn Bild anzeigen aktiviert ist.

Übersichts-Blöcke

Ausgewählte Bilder werden für Sammlungsinhalte angezeigt, die im Block sind. Wähle zwischen mehreren verschiedenen Layouts.

Content-Link-Blöcke

Ausgewählte Bilder werden für die Seiten oder Elemente angezeigt, auf die du verlinkst.

Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.