CrowdCompass Graphics Cheat Sheet

  • 1
  • 2
  • 3
  • 4
  • 5

Did this article resolve your issue?

Yes
No

What can we do to make this article better?

What can we do to make this article better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5
Not sure what graphics you'll need to build your event? The Graphics Cheat Sheet outlines the required sizes for the images that will appear in the app. 

Make sure these files are PNGs, but avoid transparent backgrounds. They will appear black in the app. Keeping to the dimensions below will enhance the image quality across different devices, ensuring no graphic looks pixelated, squashed, or stretched out.

Here's how your event graphics will appear in the app:

1. Navigation Icons - Custom icon images can be substituted.
2. Banners - Cycle through if you have multiple or remain stationary if you have just one.
3. Splash Screens - Show as a loading screen when first entering the event, and become the event background on tablets.
All Graphics

App Icons
NOTE: App icons are not required if you're using the CrowdCompass Events app.
  • iOS Icon - 180 x 180 pixels
  • Android Icon - 192 x 192 pixels
  • Android Feature Graphic - 1024 x 500 pixels
  • Store Icon - 1024 x 1024 pixels

Event Icons
  • Event Icon - 100 x 100 pixels
  • Online Event Guide Home Image - 640 x 200 pixels

Splash Screens
  • Mobile - 1242 x 2208 pixels
  • Tablet (Portrait) - 1536 x 2048 pixels
  • Tablet (Landscape) - 2048 x 1536 pixels
 
NOTE: Design your mobile splash screen with a 150 pixel safety margin on both sides of the graphic, and your tablet splash screens with a 290 pixel safety margin on both sides of the graphic. Keep important elements within these safety margins to ensure that branding, sponsor logos, or other crucial details don't get cut off on different screen sizes.

Splash Screen Graphics
Banners
  • Mobile Phone Banner - 640 x 150 pixels
  • Tablet/Online Banner - 552 x 150 pixels
  • Email Banner - 1060 x 212 pixels
 
Optional Additional Graphics
  • Organization Logos - 300 x 300 pixels
  • Speaker Headshots - 300 x 300 pixels
  • Attendee Headshots - 300 x 300 pixels
  • Floor Plan Maps - 2,000 x 2,000 pixels
  • Navigation Icons (Custom) - 216 x 216 pixels
NOTE: To create custom navigation icons that match the CrowdCompass style, start with a 176 x 176 pixel icon, then add 40 transparent pixels of padding around the image.

Did this article resolve your issue?

Yes
No

What can we do to make this article better?

What can we do to make this article better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.