Topics:

Training

The Focal Point allows content editors to specify the most important part of an image, known as the "focal point." Focal Point (the little white "plus" sign on your image in the Media Library when you edit an image) determines where you as the author prefer the focus of the resulting image to be after resizing and cropping. If your image is being "cut" at a level you'd like to change, go back to the image inside the Media Library, select the pencil icon to edit the image, then drag the little white "plus" sign to the section of the image you'd prefer to be highlighted. 

edit image in media library
move focal point with arrow

Here's an example of two different Focal Points - if you want the flowers to be the Focal Point, move the white "plus" sign to the top of the image. Click "Preview" to see how these different sizes will show. If you're happy with the Focal Point in the image, click Save. (If this image is being used in more than one spot, clone the image or upload another version with a different name so you don't overwrite/change every instance of the original image on your website.)

focal point example

If you want the child's head to be the Focal Point, move the white "plus" sign to the bottom of the image and click Preview (saving the image will override all other instances). When you click "Preview" to see how these different sizes will show, the head will be the Focal Point. 

focal point example 2

Warning: When you save the image with your desired Focal Point, the Focal Point on the source Media Library image will carry over to all instances of where that image is being used. So an author changing it might inadvertently change someone else's usage of the Promo or in a Featured Image. If you want to have different versions, consider cloning the image and renaming them differently, or uploading a copy with a different name.

Tip: If you start with a large image, it can be copied or cloned and resaved with different Focal Points.