How Big Should My Images Be?

Image Guide
EventMobi's graphics gurus have created a guide with all the recommended image dimensions you need to create logos, widgets, and banner ads that look great on your event space.

NOTE: When you upload images, please ensure that you use letters or numbers; image upload names cannot include special characters such as _ - , / # ! ? = + ( ) 

General Web Graphics Info
Generally speaking, web images should have the following features:
Pixels Per Inch (PPI): 72
Colour Profile: RGB
Size: 16 MB

Banner images

The maximum recommended size for Banner Images is 3000px x 750px in JPEG format. We also recommend having a separate foreground image banner (transparent PNG) from the graphic background image to ensure responsiveness on different screens.  

Image Widgets


  • For square/ 1:1 dimension image widgets, the new HPD automatically fills the width of the widget. So, even if our image is square, if the image widget is rectangular anyway, the top & bottom would get cropped off).
  • Size: 1:1 ratio (square), ex. 600px by 600px
  • Format: JPEG or PNG (transparent)

  • Size: 2:1 dimension, ex. 1200px by 600px
  • Format: JPEG or PNG (transparent)

  • Size: 1.25:1 dimension, ex. 750px by 600px
  • Format: JPEG or PNG (transparent)

*We recommend files in JPG format if transparency isn’t important, otherwise use PNG.

Background Images

  • Use a JPG image since backgrounds don’t need to be transparent anyway
  • At least 2000 - 3000px in width (probably no more than 3000 or 3100px to keep the file size to a minimum)
  • 3:4 (ex. 3000px x 2250px) or 16:9 (ex. 3000px x 1687.50px) ratios should be good for most screens.

Tips

  • Always use a JPG file if transparency isn’t necessary. JPG images can be “lossy” -- which means that this image type has data reduced. PNGs, on the other hand, are “lossless” images. This means all of the data is preserved within the image, which results in heavy image file sizes. 

*JPGs cannot be transparent, so when transparency is needed (most probably with image widgets on the body of the homepage), use a PNG image.

Useful references: https://www.keycdn.com/support/lossy-vs-lossless, https://www.screencast.com/t/WHWS2G2sipcV



Home Screen Widgets
Home Screen widgets appear on your app's landing page. They're the first thing your users will see when they finally load the app, so it's important to make them engaging.

Our Home Page Designer makes it very easy to resize your widgets to best fit your ideal home page design. You do not need to worry about exact image sizes fitting the widget as you have the ability to completely resize your images by dragging the widget to the size and scale you desire.

For more information on creating amazing Home Page Designs, check out this article.


Event Space Icon


The Event Space Icon is used to show your icon in the tab of the web browser or when you download the web based app to your phone or tablet, and if you've opted to put your app in the app store, it appears on your app's preview page. If you're not offering the app in an app store, your icon can be as small as 100x100 pixels. If you are planning to put the app in an app store, you should use a much higher resolution image. We recommend 1024x1024 pixels to ensure the optimal display in all app stores. This icon will also be used to represent your app for users who are accessing the event information from the EventMobi app. 

Loading Image
The Loading Image appears when your event space is loading. It looks like this on the event space:



2

The graphic itself should be 600 pixels wide by 300 pixels high. 

Banner Ads
Banner ads appear at the top of the menu and throughout the Agenda, Companies, and People sections (every 9 entries or so). To learn more about banner ads and other sponsorship opportunities, check out this article of the FAQs.  

Here is an example of a banner ad in your app menu.



Banner ads must be .jpg, .gif, or .png files and must have a height-to-width ratio of 1:6, so keep that in mind when designing your banner ads.

Profile Pictures and Company Logos
The profile pictures and logos that appear in people, and company profiles are resized on the app to 100 x 100 pixels. As such, we recommend using square images to maximize their size and resolution on the app.

 

Pre- and Post-Stream Images

For the Pre-Stream and Post Stream Images for your Live Streaming video your images should be 1920 x 1080 pixels. 

Maps
Maps can be any size you like, but we recommend keeping them around 1200 pixels high and 1500 pixels wide at largest. Keep in mind that the map file is going to be viewed on a mobile device; it needn't be huge provided that it's clear. We usually try to keep maps around 150kb. 

Registration Page Cover Photo
The cover image that appears at the top of your registration page should be 1920 x 600 pixels. 

If you need any other assistance with your images, don't hesitate to contact Support.