Verwende Bildausschnitte, um Bilder zu zentrieren

Kontrolliere, wie ein Bild zentriert wird, indem du den Fokuspunkt manuell festlegst.

Zuletzt aktualisiert: 10. Januar 2025

Viele Bildbereiche auf Ihrer Website verfügen über eine integrierte Zentrierungsfunktion, die als Bildausschnitt bezeichnet wird. Der Bildausschnitt legt den Fokus eines Bildes fest und gibt Ihnen die Kontrolle darüber, wo das Bild zentriert ist.

Bilder mit Bildausschnitten

Du kannst den Bildausschnitt für die meisten Bilder anpassen.

In Version 7.1 können Sie den Bildausschnitt für Folgendes anpassen:

  • Bild-Blöcke
  • Galerie-Abschnitte
  • Ausgewählte Bilder
  • Abschnittshintergrundbilder

In Version 7.0 kannst du den Bildausschnitt für folgende Inhalte einstellen:

  • Bild-Blöcke
  • Galerie-Blöcke
  • Galerie-Seiten
  • Ausgewählte Bilder
  • Die meisten Bannerbilder

Hinweis

Es ist nicht möglich, den Bildausschnitt eines ausgewählten Produktbildes zu bearbeiten. Weitere Informationen findest du unter Ausgewähltes Bild eines Produkts ändern.

Bildausschnitte sind nicht optimiert für:

  • Hintergrundbilder in Version 7.0, die in Website-Stile hochgeladen wurden - Diese Bilder haben keine Bildausschnitte. Um den Fokus und das Zuschneiden des Bildes anzupassen, verwenden Sie die Website-Stilanpassungen für Position und Größe.
  • Bilder mit Parallax Scrolling – Diese Bilder haben Bildausschnitte. Aufgrund der Funktionsweise des Parallax Scrolling haben die Änderungen jedoch möglicherweise keinen merklichen Einfluss auf die Position eines Bildes, insbesondere bei kurzen, breiten Bildern.
  • Videos in jedem Bereich Ihrer Website.

Tipp

Mit anderen integrierten Tools können Sie Bilder zuschneiden und deren Größe ändern.

Den Bildausschnitt festlegen

  1. Öffne den Block, den Abschnitt oder das Bild.
  2. Bewege den Mauszeiger über das Bild, um den Bildausschnitt anzuzeigen, der wie ein kleiner Kreis aussieht. In diesem Beispiel wird das ausgewählte Bild einer Seite verwendet, aber der Prozess ist für alle Bildausschnitte ähnlich.
The_focal_point_in_the_center_of_the_image.png
  1. Klicke und ziehe den Bildausschnitt, um den zentralen Fokusbereich festzulegen.
The_focal_point_moved_to_the_top_of_the_image.png

Der durch den Bildausschnitt festgelegte Bereich wird jetzt als Mittelpunkt deines Bildes angezeigt. Der neue Bildausschnitt wird automatisch an der neuen Position gespeichert, auch wenn du nicht auf Speichern klickst.

Tipp

Bei einigen Bildern springt der Bildausschnitt möglicherweise in die Mitte des Bildes, wenn Sie versuchen, es sehr nahe an der Mitte anzusetzen. Dies ist zu erwarten und passiert nur, wenn der Wechsel von der Mitte keinen visuellen Unterschied machen würde.

Weitere Hilfe

Bildgröße und -form

Die Höhe und Breite deines Bildes sowie die Form des Containers, in dem sich das Bild befindet, haben einen großen Einfluss darauf, wie stark der Bildausschnitt wirkt.

Wenn du beispielsweise ein Bild im Querformat zu einem Bild-Block hinzufügst, der als Quadrat angezeigt werden soll, werden alle horizontalen Änderungen, die du am Bildausschnitt vornimmst, einen großen Unterschied machen. Das Bild ist breiter als der Container, daher ist auf beiden Seiten Platz, es neu zu zentrieren.

Bild im Querformat im quadratischen Container

Auf der anderen Seite macht das Verschieben des Bildausschnitts keinen großen Unterschied, wenn der Container deines Bildes und das Originalbild dieselbe Grundform und Größe haben.

Tipp

Mit dem Zuschneidewerkzeug kannst du die Höhe des Containers für Bild-Blöcke anpassen.

Bild im Querformat im Querformat-Container

Galerie-Bilder

  • Sie können den Bildausschnitt im Editor der primären Galerie-Seite oder im Galerieabschnitt des Editor anpassen. Verwenden Sie den Bild-Editor, um fein abgestimmte Änderungen vorzunehmen.
  • Wenn Sie in Version 7.0 einen Galerie-Block eingerichtet haben, um Bilder von einer Galerie-Seite zu ziehen, nehmen Sie die Änderungen am Bildausschnitt auf der Galerie-Seite vor.

Bildanzeige

Wenn dein Bild unscharf oder verzerrt aussieht:

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.

Verwende Bildausschnitte, um Bilder zu zentrieren