Recommended size and resolution for SharePoint Online Site logo


Your site is your brand and the logo is one of the first things users notice on the website. It also servers as an identification for your website. Designing the logo takes in lot of research and investment which reflects the organizational identity.

SharePoint (Microsoft 365 and on-premises) is a great product to design publishing sites. But have you come across scenarios where the logo either stretches or shrinks and looks unclear ? So what is the supported size of site logo ?

SharePoint logo incorrect size
SharePoint logo incorrect size

What should be the size of my company logo for SharePoint site ?

The recommended size for SharePoint site logo is 64 pixels height and 175 pixels width, preferred logo image format is .png. Resizing the logo also decreases the image file size and download time is reduced to minimum.

SharePoint logo correct size
SharePoint logo correct size
Try to fit your logo in this resolution (64x175 pixels). SharePoint will adjust the logo with a maximum height of 64px and maximum width of 175px, it will shrink the logo automatically and ensure the proportion is not distorted. If the width is greater than 175px, the logo will stretch.

You can use a tool like Photoshop or any other to resize the logo in required format.

⭐ How to change SharePoint Online Modern site logo ?

  1. Navigate to your SharePoint site.
  2. Click Settings.
  3. Click Site Information.
  4. Under Site logo --> click Change.
  5. Select new logo.
  6. Click Save.

⭐ How to change SharePoint Classic site logo ?

  1. Navigate to your SharePoint site.
  2. Click Settings.
  3. Under Look and Feel --> click Title, Description, and Logo.
  4. Under Insert Logo --> select new logo.
  5. Click OK.

Comments:

  • This is not working. I have logo.png image with size 64px by 175px. But it gets shrinked.
    14 Dec 2020 17:12:12 GMT
  • which tool can I use to design the logo? which can convert the image into standard size?
    11 Dec 2020 09:34:41 GMT
  • Further comments disabled!



Recent Posts:




Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities.

Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Video Tutorials, Code Snippets, How Tos, Blogs, Articles, etc.