Image Upload Guide

App Logo 2

App Icon 3

Splash Screen 4

Roster, Delegate and Schedule Component 5

Header and Slider Components 9

Image Component 15

File types 16

Color mode 16 In the Beezer dashboard, you can upload images to various parts of your app. Below outlines all of the places you can upload images from your App Logo to Image or Header Components and suggests some recommended sizes. Beezer will automatically optimize images however the larger the image the longer it will take to download for your end client.

Page 1 of 17 Image Upload Guide v0.1 beezer.com

App Logo The App Logo appears in the App Menu Bar. Suggested Size: 540 x 180 px (The height should be approximately 1/3 of the width)

Page 2 of 17 Image Upload Guide v0.1 beezer.com

App Icon The App Icon is displayed on the Splash screen and when the user installs the app to their device. Suggested size 240 x 240 px

Page 3 of 17 Image Upload Guide v0.1 beezer.com

Page 4 of 17 Image Upload Guide v0.1 beezer.com

Splash Screen The Splash Screen will combine your App Icon with colour or background image. Suggested size 2000 x 1330 px

Page 5 of 17 Image Upload Guide v0.1 beezer.com

Roster, Delegate and Schedule Component In the Roster, Delegate and Schedule Component you can upload images to represent a person or speaker or sponsor, for example. Suggested size 240 x 240 px

Original Image

Cropped image

Page 6 of 17 Image Upload Guide v0.1 beezer.com

Roster

Result on app

Page 7 of 17 Image Upload Guide v0.1 beezer.com

Delegates

Page 8 of 17 Image Upload Guide v0.1 beezer.com

Schedule

Page 9 of 17 Image Upload Guide v0.1 beezer.com

Header and Slider Components We use four layouts sizes: XL (Extra Large), L (Large), M (Medium), S (Small). For the Slider component this is always XL but for the Header component you can choose your size from the Layout tab. XL (Extra Large) Layout - 2000 x 1330 px (Image Size) - 900 x 1330 (Image Centered on mobile - Green area)

Original Image

Page 10 of 17 Image Upload Guide v0.1 beezer.com

Result on app L (Large) Layout - 2000 x 1330 px (Image Size) - 1200 x 1330 (Image Centered on mobile - Green area)

Page 11 of 17 Image Upload Guide v0.1 beezer.com

Original Image

Result on app

Page 12 of 17 Image Upload Guide v0.1 beezer.com

M (Medium) Layout - 2000 x 1330 px (Image Size) - 1600 x 1330 (Image Centered on mobile - Green area)

Original Image

Result on app

Page 13 of 17 Image Upload Guide v0.1 beezer.com

S (Small) Layout - 2000 x 1330 px (Image Size) - 2000 x 1330 (Image Centered on mobile - Green area)

Original Image

Result on app

Page 14 of 17 Image Upload Guide v0.1 beezer.com

Image Component Landscape and Vertical images are accepted both use the maximum width of the mobile device screen.

Page 15 of 17 Image Upload Guide v0.1 beezer.com

Page 16 of 17 Image Upload Guide v0.1 beezer.com

File types

Beezer supports .jpg, .gif, or .png format only.

.pdf, .psd, .tff, and .doc files are not web-compatible.

Color mode Save your images in RGB color mode.

File size We recommend using image files of less than 500 KB for best results, though the limit for an

individual image upload is 20 MB. When it comes to image size, bigger isn't always better, as

uploading larger images can affect site performance.

Page 17 of 17 Image Upload Guide v0.1 beezer.com