Images are a big part of creating your App or Event on the Socio Platform. We've documented the recommended and in some cases required pixel dimensions and ratios for the images used in different areas of the Socio Platform.

These images will be used inside of the event under the My Events section and will be displayed inside of the Web App and Mobile App. They can be updated at any point. For more information on where these images appear in your event, check out the Getting Started Creating Your Event or Community article.

The event Logo and Cover Image are set on the Appearance tab of your Event. Just click the event name in the page breadcrumbs, then click Appearance.

Square - 1:1 Ratio

  • Minimum: 100px by 100px

  • Recommended: 500px by 500px

  • Maximum: 1000px by 1000px

Screenshot of the Appearance tab in the Socio Platform.

Event Cover Image 

⭐️ Keep in mind, we do not recommend including text or important information on the Cover Image since it will be cropped depending on a user's device and its location within the app.

Rectangular - 2:1 Ratio

  • Minimum: 200px wide by 100px tall

  • Recommended: 1000px wide by 500px tall

  • Maximum: 2000px wide by 1000px tall

When you click a feature's Settings (⚙️) icon, that's where you'll upload a custom icon for the feature.

Screenshot of the Settings modal for a feature.

Nearly all of the rest of the icons will be added when you create a new Speaker, Sponsor, or Exhibitor. It'll look like this:

Screenshot of the Edit item modal for a Sponsor.

Square - 1:1 Ratio

  • Minimum: 100px by 100px

  • Recommended: 500px by 500px

  • Maximum: 1000px by 1000px

Sponsor Booth Cover Images

If your Sponsors feature uses the Grid View, you can upload a Booth Cover Image when you add a new Sponsor. Sponsor Booths come in three sizes: Large, Medium, and Small, but only Large and Medium can have a Cover Image.

Screenshot of the Booth Cover area of the New Sponsor modal.
  • Large Booth Cover size: 1200px wide by 300px tall

  • Medium Booth Cover size: 800px wide by 400px tall

Banners

You can select the Banners layout for your event app on the Appearance tab for your event. Click Manage Banners where you selected the Banners layout, and then click New Banner in the modal that appears.

The recommended size for banners is 950px wide by 380px tall.

Two screenshots. One shows the Manage Banners button on the Appearance tab. The other shows the Manage Banners modal.

Required Sizes for Branded App Images

When you make a new Branded App in the My Apps section of the Socio Platform, you'll be required to upload an Icon and two different Splash Screens. These have strict pixel dimension requirements. Please check below for the exact sizes required. For more information on where these images appear in your app, check out the Getting Started Building Your Branded Event App article.

App Icon

  • Required Size: 1024px by 1024px

Splash Screens

  • iPhone X Splash Screen: 1125px wide by 2436px tall

  • Android Splash Screen: 1080px wide by 1920px tall

Need Help with Logos?

If you are a Socio customer and need help making all of your sponsor, exhibitor, or speaker logos square, or need help with any other images, please reach out to us at [email protected].

Questions? Chat Us or Email [email protected]

Did this answer your question?