Correct dimensions for Sharepoint page title image

Question

What are the correct dimensions for a title image on a Sharepoint page? My current picture is being cut off, and I am unable to determine the correct dimensions to avoid distortion based on the browser and other factors.

Answer 1

Hi @Rosabella Bojin，

Thank you for posting in this community.

I used my browser's developer tools to measure the title area of the image to be roughly 1865*228.

The official Share Point documentation does not specify the size of the image in the title area of the page. Microsoft recommends that images are landscape or 16:9 or greater in aspect ratio. You can try different combinations of image sizes with 16:9 aspect ratio. For example: 1280 x 720 or 1920 x 1080.

Reference: Image sizing and scaling in SharePoint modern pages.

We suggest that you can keep resizing your image until it meets your requirements based on the image sizes provided above.

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

Site Logo Thumbnail: 64 x 64

Site Logo: 192 x 64

Extended Layout Site Logo: 300 x 64

Extended Layout background: 2560 x 164

Ref: https://support.microsoft.com/en-us/office/image-sizing-and-scaling-in-sharepoint-modern-pages-dc510065-b5a5-4654-bc94-e3ecbbb57d8d

Answer 3

Hi @Rosabella Bojin，

Thank you for your reply.

I'm sorry SharePoint doesn't specify the size of the title background image. It just provides some guidelines to help you make sure the image looks great on the page.

This guide suggests image sizes that meet the 16:9 aspect ratio. You can resize the image slightly to make it meet this aspect ratio.

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.