Image Sizing Guide
Welcome to the Image Sizing Guide, this guide is split up by what user types. Please be aware that many images are responsive to the screen so it is difficult to provide exact sizing, the below information is simply a starting point.
Â
Images Accessible by All Users or Officers
Events
Event Photos
The Event Photo is a nice photo or background image representing your event. It will be displayed in the upcoming events slider on the home page, on the right of your event page, and in the mobile app. This is a great way to promote your event.
It will be cropped into 380px high and 760px wide rectangle. Please upload a photo with of width of 760px or more. Photos with an aspect ratio of 1:2 will work best, so 12in x 6in (864 px x 432 px) will preserve quality and fit great.
Size: 12in Width x 6in Height (864 W x 432 H pixels)
File Type: JPG or PNG
Resolution: 72 ppi
Event Flyer
Your Flyer is the key information about your event displayed in a visual way. We will display your flyer to people who mouse over your event in the calendar, in email invitations, and in the event details section of your event page.
Event Flyers will display in the full width of the details section (roughly 1100px wide). This means that portrait sized photos will fill in that width and can appear oversized.
Size: 1200 W x 630 H pixels
File Type: JPG or PNG
Resolution: 72 ppi
Event Ticket Covers
Your Ticket Cover is a photo that will be placed on top of your event tickets. It will be cropped into 180px high and 980px wide rectangle.
Event ticket covers will also be used in automatic email communications from the event and registration process.
Size: 14in Width x 4.8in Height (980 W x 180 H pixels)
File Type: JPG or PNG
Resolution: 72 ppi
Ticket
Email Notifications
Â
Profile/Groups
Profile Photos/Group Logos
Group logos and profile photos fit a 1:1 aspect ratio. Any square image will crop perfectly for these two photos.
Size: 300 W x 300 H pixels
File Type: JPG or PNG
Resolution: 72 ppi
Cover Photos/Group Cover Photos
Profile and group cover photos will crop to fit the width of your image. For the best image quality, we recommend standard social media cover photo sizing.
Size: 1400-1920 W x 200 H pixels
File Type: JPG or PNG
Resolution: 72 ppi
Feed Photos
Photos posted onto the group feed or the campus-wide feeds will allow full image viewing if selected and will preserve the aspect ratio in the feed.
Standard social media image sizing is recommended for the best viewing of all content on an image posted in the feed.
Size: 1924 W x 1924 H pixels
File Type: JPG or PNG
Resolution: 72 ppi
Badges
Size: 300 W x 300 H Pixels (Max)
File Type: JPG or PNG
Resolution: 72 ppi
Event Hubs
Hub Icon
Your app icon will appear in multiple places across the platform. Please follow the standard app icon sizing. No smaller than 300 W x 300 H pixels and no larger than 1024 W x 1024 H pixels.
Size: 1024 W x 1024 H pixels or 512 W x 512 H px
File Type: JPG
Resolution: 72 ppi
Hub Header Logo
The app header logo will be resized down to fit a height of 100 pixels and the width will resize automatically. It is best to use a logo with a 5:1 aspect ratio, this allows for the most visibility and clarity of your logo. Keep these logos simple and transparent to contrast the background.
Size: 500 W x 100 H pixels
File Type: PNG
Resolution: 72 ppi
Website Builder
Website Logo
This logo will be located on the top left corner of the web platform.
​Please upload a photo with of height of 50px or more, and a width of 200px or more.Website logos are automatically pulled from the logo of the school if you wish to upload a custom logo for a group website then you will need to follow the same minimum requirements.
Size: 500 W x 100 H pixels
File Type: PNG
Resolution: 72 ppi
Banners & Cover Photos
Website banners are fully responsive to the width of your image. Depending on the widget you choose from the website builder the height of the image can vary.
Size: 1920 W x 350-800 H pixels
File Type: JPG or PNG
Resolution: 72 ppi
Email Builder
Email images will automatically resize to fit their space. You have complete freedom to create whatever you would like in these spaces. There is not one recommended size for these, feel free to use whatever images you have, it should work to accommodate most images and sizes.
For both options, the width really doesn't need to be much larger than the recommended minimum, however, I wouldn't go much smaller either. For the Height of each option, this is what it most flexible. The image uploaders will resize the images to fit the width of the space so the image aspect ratio will be preserved.
Full-Width Photos
Size: 1200 W x 200-500 H pixels
Format: JPG or PNG
Resolution: 72ppi
Half-Width Photos
Size: 500 W x 500 H pixels
Format: JPG or PNG
Resolution: 72ppi
Virtual Fair
Booth Main Image
The virtual fairs booth's main photo follows the same aspect ratio rules as our event photos. Please keep text and other important information such as logos in the center of the image as this could be cropped undesirably in the booth view, for the best results use an image that does not contain text content.
​It will be cropped into 380px high and 760px wide rectangle. Please upload a photo with of width of 760px or more. Photos with an aspect ratio of 1:2 will work best, so 12in x 6in (864 px x 432 px) will preserve quality and fit great.
Size: 12in Width x 6in Height (864 W x 432 H pixels)
File Type: JPG or PNG
Resolution: 72 ppi
Â
Images Accessible by Administrators Only
Home Page
Campus Logo
This logo will be located on the top left corner of the web platform.
​Please upload a photo with of height of 50px or more, and a width of 200px or more.
The Campus Logo will be resized down to fit within 200 W x 50 H, to allow for the best resolution and clarity please double this size and add additional padding to the left and right of your logo asset. This will ensure the best spacing of your logo when the buttons on either side of the logo are selected.
Size: 500 W x 100 H pixels
​File Type: PNG
Resolution: 72 ppi
Custom Full Banner
The height can be flexible but we wouldn't recommend larger than a 400px height or smaller than a 200px Height.
Size: 1920 W x 350 H pixels
File Type: JPG or PNG
Resolution: 72 ppi
Half-width Buttons
The height can be flexible but we wouldn't recommend larger than a 400px height or smaller than a 200px Height.
Size: 960 W x 350 H pixels
File Type: JPG or PNG
Resolution: 72 ppi
1/3 width Buttons
The height can be flexible but we wouldn't recommend larger than a 400px height or smaller than a 200px Height.
Size: 640 W x 350 H pixels
File Type: JPG or PNG
Resolution: 72 ppi
User Onboarding
Step Image
The dimensions of the onboarding image will be responsive to fit within 50% of the screen width on desktop and tablet devices, on mobile devices this will adjust to 100% width above the text content.
This means that the most important information in your image should be centered on your image to preserve readability.
Recommended Size: 1920 W x 1080 H pixels.
Minimum 1080px X 1080px
Maximum 2000px X 2000px
File Type: JPG or PNG
Resolution: 72ppi
Hub Builder
Left Menu and App Icons
Please contact support@campusgroups.com to have our development team upload these icons to your custom icon library in the Hub Builder. All icons should be small transparent square icons.
Recommended Size:
Minimum 100px X 100px
Maximum 200px X 200px
File Type: PNG
Resolution: 72ppi
Virtual Fair
Virtual Fair Custom Map
The dimensions of the map will really depend entirely on what kind of user experience you want your users to have. Our map view is flexible and responsive so there isn’t one correct size to use for this map. Here are a few of our recommendations from our Graphic Designer.
If you do not want your users to have to scroll down the page to view the full map then an image of 1020 W x 700 H pixels (max 1727w x 1185h pixels preserving the aspect ratio) will probably work best, though there are no guarantees this will always fit within the window (without scrolling) on all devices.
If you want more freedom and creativity and you don’t mind a user experience of scrolling down the page to view your full map then you have total freedom to create whatever dimensions you want, keeping in mind the
Maximum 2000px X 2000px
File Type: JPG or PNG
Resolution: 72ppi
Â
Customization Tips & Resources
As a general rule of thumb images over 1920px are not necessary for the platform, standard web sizes and graphics are just fine. This will help increase load times and to preserve the best quality on your platform.
Listed below are some free resources to help you gather beautiful images and create well-designed graphics for your campus or organization.
Free Design tools:
Free Stock Photo Resources:
Â
Please contact support@campusgroups.com with any questions.