• 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: 1500 x 1000
  • 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.
• Layout Images (Image 1 and Image 2)
  • Recommended Size: 560 x 350
    • Here's an example:
    • 
• Landing Page Tabs (Old Landing Page)

  • 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 (and Tile)
  • Size: 1440x146

    • If the image is longer or narrower, it will be stretched and cropped to fit the cover.

    • For example: This image is sized 1200x500. When uploaded as a group header, it will be cropped about 78px up and down from the center and stretched to fit the width of 1440px.
  • If you want to add any text on the cover image, you can do so in the center.
  • This image fits the group list tile correctly.

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:

• End-User Facing

• 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:

• Mobile App Icon

  • Accepted image types: PNG/SVG/WEBP
  • Recommended image size: 192px x 192 px