• All of the following sizes and ratios are specified as width x height i.e. width by height.
• All resolutions are approximate (i.e. can be off by approximately 10-50  pixels depending upon where they're being used, which shouldn’t affect any of the images or modules on the platform.)
• In most cases, images without text will work best, particularly cover photos and banners.
• In some scenarios, ratios are much more important than size. In such cases, we've listed the ratio before the recommended size.
• Supported File Formats are JPEG and PNG; color space is RGB.

Branding Settings

• Logo
  • Logo size can be anything in the ratio of 1x1 or ideally 2x1. For example, Hub A's logo is 2768 × 1350, including the transparent spaces. Our system scales it down to fit the cluster navigation on the platform.
    • Here's an example of a 1x1 logo for PeopleGrove:
  • Apart from the standard size above, popularly used logo sizes range from
    1x1 up to 4x1 and 5x1. For example, Hub B has a logo size of 1440x385.
    • Here's an example of a 2x1 logo for PeopleGrove:
  • These ratios are also scaled effectively when logos have significant amounts of text in the images (logo image).

• Social Sharing Image
  • Similarly, the best-used format for social sharing is 2x1. For example, Hub C's social sharing image size is 982x516.
  • The scaling and viewability of this image is highly dependent upon the platform where it is being shared.

Landing Page

• Background Image
  • Size: 1440x800 
  • Recommended ratio: 2x1 | 16x9
    • Here's an example of a 16x9 background image:
• Logo Image
  • See Branding Settings > Logo
• Header Logo Image
  
  • No specific ratio.
  • We recommend using a high-resolution logo image as a header logo image for the hub and cluster landing pages.
  • Ideally, both of these should be of similar ratios.
  • The header logo image may or may not contain text along with the logo.
• Landing Page Tabs

  • Top Image (full width)

    • Size: 1084px width 

      • The uploader will support even 4k images but they will be scaled down to the given width above. (For example, a 4k image will be scaled down to 1084x609.)

  • Left & Right Section Images

    • Size: 527px width

      • The uploader will support even 4k images but they will be scaled down to the given width above. (For example, a 4k image will be scaled down to 527x296px.)

Banner Ad

• Background Image
  • Recommended ratios: 4x1 | 5x1 | 6x1
  • Ideal width resolution is at least 800px to prevent image distortion.
    • Here's an example of a 6x1 background image:

Branding Settings

• Email Header Logo
  • Standard Sizes: 300x70
  • Recommended ratios: 4x1 | 5x1
    • Here's an example of a 4x1 email header logo:

Hub Landing Page

• Logo
  • See Branding Settings > Logo
• Cover Photo
  • See Landing Page > Cover Photo

Groups & Programs

• Logo
  • Size: 1200x1200px (Resolution larger than 80x80px to avoid distortion.)
  • Ratio: 1x1
  • Shape: A perfect circle 
    • Here's an example of a circular logo:
• Cover Photo
  • Size: 1440x146
  • Note, we recommend you don't use images with text for your cover photo to optimize how the image will appear for users on all device types and on the Groups listing page.
  • If the image is longer or narrower it will be stretched + cropped to fit the cover.
    • Here's an example of a cover photo with a ratio of 1440x146:

Pathways

• Badge Image
  • Size: 1200x1200px (Resolution larger than 80x80px to avoid distortion.)
  • Ratio: 1x1
    • Here's an example of a circular badge:
• Cover Image
  • Size: 180x130 | 981x552
  • Ratio: 4x3 or 16x9 or 2x1
    • Here's an example of a 16x9 cover image:

Events

• Cover photo
  • Ratio: 2x1 (no size limitation)
  • FORCED CROP DURING UPLOAD: I.e. if the uploaded image does not fit this ratio, the user will be forced to crop and select a size that fits this ratio.
    • Here's an example of a 2x1 cover photo:

Resources

• Cover Photo (Full Background)
  • Size: 1440x200px
    • Here's an example of a cover photo with a ratio of 1440x200:
• Tile Photo (Small Thumbnail)
  • Size: 336x200px
    • Here's an example of a tile photo with a ratio of 336x200:

Jobs/Projects

• Company logo
  
  • Size: 1200x1200px (Resolution larger than 80px to avoid distortion.)
  • Ratio: 1x1
  • Shape: A perfect square or a circle
    • Example: refer to PeopleGrove's 1x1 logo.

Profile

• Profile image
  • Size: 1200x1200px (Resolution larger than 80x80px to avoid distortion.)
  • Ratio: 1x1
  • Shape: A perfect square or a circle.
    • Example: refer to PeopleGrove's 1x1 logo.
• Profile cover image
  • Size: 1440x260px
    • Here's an example of a cover image with a ratio of 1440x260: