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

Using focal points to center images

Many image areas on your site have a built-in centering feature called the focal point. The focal point sets the focus of an image, giving you control over where the image is centered.

Images with focal points

You can adjust the focal point for most images.

In version 7.1, you can adjust the focal point for: 

  • 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
  • Most banner images

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 spürbaren Einfluss auf die Position eines Bildes, insbesondere bei kurzen, breiten Bildern.
  • Videos in any area of your site.
Tip: You can crop and resize images using other built-in tools.

Set the focal point

  1. Open the block, section, or image.
  2. Hover over the image to display the focal point, which looks like a small circle. This example uses a page thumbnail, but the process is similar for all focal points.

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 kann der Bildausschnitt in die Mitte des Bildes springen, wenn Sie versuchen, ihn sehr nah an der Mitte zu setzen. Dies wird erwartet und geschieht nur, wenn die Verschiebung von der Mitte keinen visuellen Unterschied macht.

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.

For example, if you add a landscape-oriented image to an Image Block that's set to display as a square, any horizontal changes you make to the focal point will make a big difference. The image is wider than the container, so there's room on either side for it to re-center.

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.

Tip: To adjust the container height for Image Blocks, use the cropping handle.

landscape image in landscape container

Gallery images

  • You can adjust the focal point in the main Gallery Page or gallery section editor. To make fine-tuned changes, use the Image Editor.
  • In version 7.0, if you've set up a Gallery Block to pull images from a Gallery Page, make the focal point changes within the Gallery Page.

Bildanzeige

If your image looks fuzzy or distorted:

War dieser Beitrag hilfreich?
47 von 96 fanden dies hilfreich