Setting Up Your App Images & Icons

App visuals define your members’ first impressions. From the splash screen to the login page, every image shapes your app’s identity.

  1. In WordPress Admin, go to BuddyBoss App > Branding > Images & Icons.

2. Upload each required image in the correct format and dimensions:

SectionDescriptionFile FormatDimensions
Home Screen LogoDisplayed in the app’s home headerPNG/PSD1200 × 180 px
Login LogoAppears above login fieldsPNG/PSD1200 × 774 px
Login BackgroundBackground image on the login screenPNG/PSD2732 × 2732 px
Register BackgroundBackground on registration screenPNG/PSD2732 × 2732 px
Launch ScreenSplash screen when app loadsPNG/PSD2732 × 2732 px
iOS App IconIcon users see in App Store and devicePNG/PSD1024 × 1024 px
Android App IconIcon for Android devicesPNG/PSD1024 × 1024 px
Android Adaptive Icon (Foreground + Background)For Android adaptive layoutsPNG/PSD1024 × 1024 px each
Android Notification IconSmall icon for push notificationsPNG/PSD256 × 256 px

3. Use the built-in Resize Tool to adjust images.

4. Review how each image looks in the Preview for iOS and Android.

5. Click Finish for each upload, then Save Changes at the bottom of the page.

Screenshot of the BuddyBoss App Branding settings in WordPress. The “Images” tab is selected, showing upload options for home screen, login screens, register screens, launch screens, app icons, Android adaptive and notification icons, with a live mobile preview on the right.

Tips for Success:

  • Use transparent PNGs for logos.
  • Keep splash/login screens clean and high-resolution.
  • Avoid placing logos or text near image edges; these areas may get cropped.

Additional Resources:

Standard App Icon safe zone overlay.: Setting Up Your App Images & Icons Adaptive App Icon safe zone overlay: Setting Up Your App Images & Icons Launch Screen safe zone overlay: Setting Up Your App Images & Icons Login Screen safe zone overlay: Setting Up Your App Images & Icons