<aside> 📺 It is important to choose a high-quality banner image as strong visuals are critical for captivating users.

</aside>

When adding banners to your WeSpire Activities, it's important to make sure that the images are large enough and that the visual focus is in the center third of the image both horizontally and vertically. WeSpire utilizes a mobile responsive website, so images dynamically adjust depending on the size and width of your screen (from smartphones to tablets to widescreen monitors). This means there is no one image/size combination that preserves all elements of an image.

Activity, Channel, & Group Banner Photo Specs

Since the WeSpire platform dynamically adjusts, there is no exact image size. We recommend you design or choose images that have a ratio based on a mobile display.

• 2160 pixel width x 1215 pixel height (or 16:9 aspect ratio at minimum 1080px width)
• 72 dpi resolution
• The format should be JPG or JPEG
• The recommended maximum file size is 1MB
• Tips for the best photos:
  • Make sure the important visual content is vertically centered within the middle 50% of the image
  • Don't use an image that features text. The name of the activity appears in the center of the image and would overlap with any text that is embedded in the image.
  • Please note: Banners have a 60% black transparent overlay so the white text laid on top of it always meets minimum accessible contrast ratios. Most photos will work well, but you might want to avoid very dark images as banners.

Campaign Achievement Badge Specs

Achievement badges are shown in black & white on the Campaign page until they have been earned, then the badges appear in color.

• The recommended size for achievement badges is 175x175px

• Typically achievement badges are a circular badge (with a transparent background) that feature an icon that relates to the campaign topic, but any image that fits a 175x175 box will work

• The format should be JPG or JPEG

• The recommended maximum file size is 1MB

Channel Icon & Group Logo Specs

Channel icons appear next to the Channel name on the Take Action page. The Channel icon will crop to fit within a circle.

Group logo will appear inside the Group's page

• Recommended minimum image size: 120x120 pixels

• Note that in non-circular images, all area outside the 120 pixel diameter circle will be hidden

  Original image:

  

  Channel Icon:

  

Image Sources