Book page

Open Social Image Sizes

Open Social Open Social • 4 January 2018

There are various images sizes you can choose from on Open Social. Uploading an image with a recommended size will ensure that your entire image is visible in multiple settings. When uploading a larger image, you can determine which part of the image should be visible with the cropping tool.

 

overview

 

 

home page hero

  • The homepage hero is only used on the home page of the community.
  • Recommend image size:  1200 x 490 px
  • Image format: png, gif, jpg, and jpeg
  • Max file size: 64 MB

 

regular hero

  • The regular hero image is used for events, topics, book pages, basic pages, groups, and user profiles. 
  • This image is also reused for teasers.
  • Users can crop the same image differently for different places. 
  • Recommended image dimensions: 1200 x 423 px (1200 x 206 px for small group hero image)
  • Image format: png, gif, jpg, and jpeg
  • Max file size: 64 MB

 

landing page hero

  • Landing page hero image is only used on landing pages. 
  • Recommended image dimensions: 1500 x 370 px (1500 x 175 px for hero small)
  • Image format: png, gif, jpg, and jpeg
  • Max file size: 64 MB

 

content image

  • Content images are the images placed in the description of an event, topic, book page, basic page, and the introduction of a group or a user. 
  • Recommended image width: 704 px
  • No limit on image height.
  • Image format: png, gif, jpg, and jpeg
  • Max file size: 64 MB

 

post image

  • Post images are the images shared in posts. 
  • Recommended image width: 714 px
  • Max image height: 1071 px
  • Image format: png, gif, jpg, and jpeg
  • Max file size: 64 MB

 

user profile

  • User profile images are used in multiple places such as the header of profiles, user teasers, posts, comments, header menu, and the event enrollment block. 
  • Users can crop the same image differently for different places. 
  • Recommended image dimensions: 220 x 220 px
  • Image format: png, gif, jpg, and jpeg
  • Max file size: 64 MB

 

site logo

  • The site logo is used only for header navigation menu. 
  • Recommended image height: 50 px
  • Image format: SVG, png, jpg, and jpeg
  • Max file size: 64 MB

 

favicon

  • Favicon is an icon shown in the browser tabs and URL field.   
  • Recommended image dimension: 32 x 32 px
  • Image format: SVG, png, jpg, and jpeg
  • Max file size: 64 MB

Do want to know where to upload your logo and favicon? Click here!