What is a focal image? How to use this feature?
In Squarespace, the "focal point" of the image sets the point of focus of an image and gives you control over where the image is centred. This allows you to reposition the image as you’d like without needing to crop it further or adjust it manually on desktop and mobile views.
Watch the video
If you want to see this tip in action, check out the YouTube video below 👇
Image focal points are relatively easy to work with. Here’s how to use them:
To adjust the image focal point of any image in Squarespace, navigate to the image that you want to centre.
Double-click on your image or click Edit on the image block toolbar.
You will see on your image preview that there is a dot in the centre of the image. This is the focal point of the image. It will be set to the centre of your image by default.
In this example, the centre of the image is in the middle next to the keyboard.
To adjust the image focal point, click and drag this dot to where you’d like the image to centre.
Click out of the pop-up window to preview what it looks like. Don’t forget to click Done and Save once you’re done!
Adjusting image focal points can be extremely helpful with cropped images, banner images, and blocks that auto-crop images as it allows you to reframe the photo to showcase the most important parts. In the sections below, we’ll walk through some other ways that you might leverage image focal points to create the look that you want.
