Hinweis: Während unsere beliebtesten Anleitungen ins Deutsche übersetzt wurden, sind einige Anleitungen nur auf Englisch verfügbar.

Using focal points to center images

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.

Images with focal points

You can adjust the focal point for most images.

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

  • Bild-Blöcke
  • Galerie-Abschnitte
  • Vorschaubilder
  • Abschnittshintergrundbilder

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

  • Bild-Blöcke
  • Galerie-Blöcke
  • Galerie-Seiten
  • Vorschaubilder
  • Die meisten Bannerbilder

Focal points aren't optimized for:

  • 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.

Set the focal point

  1. Open the block, section, or image.
  2. Bewegen Sie den Mauszeiger über das Bild, um den Bildausschnitt anzuzeigen, der wie ein kleiner Kreis aussieht. In diesem Beispiel wird das Vorschaubild einer Seite verwendet, aber der Prozess ist für alle Bildausschnitte ähnlich.

The_focal_point_in_the_center_of_the_image.png

  1. Click and drag the focal point to set the central focus area.

The_focal_point_moved_to_the_top_of_the_image.png

The area set by the focal point now appears as the center of your image. The new focal point automatically saves in the new position, even if you don't click Save.

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

Image size and shape

The height and width of your image, and the shape of the container that it's filling, have a big impact on how much of an effect the focal point has.

Wenn Sie beispielsweise einem Bild-Block ein Bild im Querformat hinzufügen, der als Quadrat angezeigt werden soll, werden alle horizontalen Änderungen, die Sie am Bildausschnitt vornehmen, einen großen Unterschied machen. Das Bild ist breiter als der Container, daher ist auf beiden Seiten Platz, damit es wieder zentriert werden kann.

landscape image in square container

On the other hand, if your image's container and the original image are the same basic shape and size, moving the focal point won't make a big difference.

Tipp: Verwenden Sie das Zuschneidewerkzeug, um die Höhe des Containers für Bildblöcke anzupassen.

landscape image in landscape 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

If your image looks fuzzy or distorted:

War dieser Beitrag hilfreich?
52 von 114 fanden dies hilfreich