---
title: "How to Configure App Images & Icons"
source: "https://docs.nexcess.com/software/learndash/configure-app-images-icons/"
description: "Introduction Branding your Learndash App with custom logos, splash screens, and icons enhances the user experience and reflects your visual identity. This guide…"
vertical: "Software"
area: "LearnDash"
date: "2025-09-23"
last_modified: "2026-07-02"
---

# How to Configure App Images & Icons

## **Introduction**

  
Branding your Learndash App with custom **logos, splash screens, and icons** enhances the user experience and reflects your visual identity.

This guide walks you through uploading and previewing all required assets directly from your WordPress Dashboard, ensuring your Learndash app looks polished on both iOS and Android.

## **Recommended Image & Icon Sizes**

| **Element** | **Size (px)** | **Format** |
|---|---|---|
| Home Screen Logo | 1200 × 180 | PNG or PSD |
| Login Logo | 1200 × 774 | PNG or PSD |
| Login/Registration Background | 2732 × 2732 | PNG or PSD |
| Launch Screen Background | 2732 × 2732 | PNG or PSD |
| iOS/Android App Icon | 1024 × 1024 | PNG or PSD |
| Android Adaptive Icons | 1024 × 1024 | PNG |
| Android Notification Icon | 256 × 256 | PNG |

## **Learndash App Branding Guidelines**

### **Standard Learndash App Icon (iOS and Android)**

- **Size**: 1024 × 1024 px
- **Safe Zone**: 682 × 682 px center
- **Format**: PNG (32-bit), sRGB
- **iOS**: No transparency
- **Android**: Transparency allowed

### **Android Adaptive Icon**

Required on Android 8+ for shape flexibility and parallax.

- **Foreground**: Transparent logo, 1024 × 1024 px
- **Background**: Opaque image, 1024 × 1024 px
- **Safe Zone**: 683 × 683 px center (170 px margin)

### **Launch / Splash Screen**

Displayed instantly on Learndash app startup.

- **Size**: 2732 × 2732 px
- **Safe Zone**: 1200 × 2732 px center
- **Format**: PNG (32-bit), sRGB

### **Login Screen**

- **Logo**: Max 200 × 150 px within background
- **Background**: 2732 × 2732 px
- **Format**: PNG (32-bit), sRGB

## **Configure Images & Icons in WordPress**

### **Access Branding Settings**

1. Go to **Learndash App > Branding > Images**.

![](https://docs.nexcess.com/wp-content/uploads/2026/07/AD_4nXfNdrZBdb-vHM-x741HKsAqMh78kMdTtTI1paI0dYcxd_mSaehmoULfRDjxt98TzbWErIGlBNdQIV30OxstU5-cTzaJlv2DnFEyt8dgiutu0LUsmX5RV1xtIi9UpFrtZSWmlm0zqg.png)2. Confirm you see sections for:  
    
    - Home Screen
    - Login Screens
    - Register Screens
    - Launch Screen
    - App Icons
    - Android Adaptive Icons
    - Notification Icon

### **Home Screen Logo**

![](https://docs.nexcess.com/wp-content/uploads/2026/07/AD_4nXemwtLKiy2cUZJoHsligiGiWpvVAegGbsQnI35Ht8igezb7DMysvC4KNKBkZhLv1081sT0jmcmC_gBUXvioFyDLZEnYxVratoXxGFO3KFDdwmRb-tzFkEKp2oRYQxT5YkzD31o1og.png)1. Under **Home Screen**, click **Upload Image** next to **Logo**.
2. Resize as needed > Click **Finish**.
3. Preview on both iOS and Android mockups.

### **Login Screen**

![](https://docs.nexcess.com/wp-content/uploads/2026/07/AD_4nXfmlYMbgrhklrVUvoccAvtwvbnu4jrpg-Dk_VgynL9muX3LDyapjkZlesJ8lUNO5BG-f7khfuziF1DRKug8eh3VujYPxezG-f_nYDcTIgyT7Dp6Nm7BdaTV69gqHGQDV88l4-ZwyQ.png)1. Under **Login Screens**, upload the **Login Logo** and **Login Background**.
2. Click **Finish** after each.
3. Toggle preview between Login and Forgot Password pages.

### **Register Screen**

![](https://docs.nexcess.com/wp-content/uploads/2026/07/AD_4nXdqBuQs6T_FTfRHuL68CJfXUthZ1BJwjER1eFG8kGXyqO6CNqtFey27jlxtWgjHcP6vAtZ_WrJsnLLD0o9bX_W6sBBoeXmYieX208wa68NgOghMEFNJUzhNuMM47IfBxH29sSIaxw.png)1. Under **Register Screens**, upload the **Register Background**.
2. Click **Finish**.

Note: Use the same image as Login for consistent branding.

### **Launch / Splash Screen**

![](https://docs.nexcess.com/wp-content/uploads/2026/07/AD_4nXea-MsfdNjaIB6WMZaic2sHRTMD_xZTgw4S8ogKLyVWzDlbegJ4yQzJuROwJYN0J2EeVtJxqRW0goWcg6bv0vjmksM1kf5LO4dXE4kuoX6X2ky5MuCRrAEYekFAzabuOh7EmRGE.png)1. Under **Launch Screen**, upload the **Launch Background**.
2. Enable **Show Spinner** and choose a **Spinner Color**.
3. Click **Finish** to preview animation.

### **Learndash App Icons**

![](https://docs.nexcess.com/wp-content/uploads/2026/07/AD_4nXf6wMKvW39Wkoudw0qwpWSHuXLk4erEdkk8PiqYOQmaK1iDwMFRp0oi-yVS9Bl2tblbun0fm6CWPQGkCrzDsMOFxRH4ZFR6XWVZedIOi-SZSEKduVNC2smlVgh_v4pOx154rcZT6Q.png)1. Under **App Icons**, upload:  
    
    - **iOS App Icon** (opaque PNG)
    - **Android App Icon** (transparency allowed)
2. Resize if needed > Click **Finish**.
3. Preview on iPhone and Android mockups.

### **Android Adaptive Icons**

![](https://docs.nexcess.com/wp-content/uploads/2026/07/AD_4nXdOrKjYM3C7L6L9xZaaI88jnrvnY3gzv66x6iESk3XuZ-LXhTflX7-txd9cYoywHaBCtvszIBT2Us89ug_PqHLCixsvPhJVrTCTpmB2Yu9yKqG7kLzBMqSHohyHnOQMgSnGq4oE.png)1. Under **Android Adaptive Icon**, upload:  
    
    - **Background Icon** (opaque)
    - **Foreground Icon** (transparent logo)
2. Click **Finish** to preview the adaptive icon behavior.

### **Android Notification Icon**

![](https://docs.nexcess.com/wp-content/uploads/2026/07/AD_4nXeje54R99DsM7ZJfHGKAzT6dT1t83PqVdpnbCxGPmFLK8xI4h45BXVsO1IeDVK8wXA1sAXELv1XfLCK1eDf6dVlCWkJAW-0gAcsY0ASkPxSGrYCNASEHxIuruBqTguy-ueC75Seg.png)1. Under **Notification Icon**, click **Upload Image**.
2. Click **Finish** to preview in the notification tray.

### **Final Step: Save All Changes**

After configuring each section, scroll down and **click Save Changes**. Unsaved uploads will be lost if you navigate away or refresh.

## **Troubleshooting and FAQs**

**Q: Why aren’t my images uploaded?  
 A: Make sure the files are in PNG or PSD format and match the recommended dimensions. Clear cache and reload the page if needed.

**Q: Why do previews look cropped or misaligned?  
 A: Ensure design elements stay within the **safe zones** (e.g., 682 × 682 px for app icons). Use the provided overlay guides and re-upload if necessary.

**Q: I lost my uploads after leaving the page.  
 A: You must click **Save Changes** at the bottom after every update—uploads are discarded otherwise.

**Q: Adaptive icons don’t display correctly on my Android device.  
 A: Check that both foreground and background images are 1024 × 1024 px and follow the safe zone guidelines. Your device must run Android 8.0 or later.