{"id":10459,"date":"2025-09-22T20:10:06","date_gmt":"2025-09-23T00:10:06","guid":{"rendered":"https:\/\/learndash.com\/support\/?post_type=docs&#038;p=10459"},"modified":"2025-11-14T08:59:23","modified_gmt":"2025-11-14T13:59:23","password":"","slug":"how-to-configure-app-images-icons","status":"publish","type":"docs","link":"https:\/\/learndash.com\/support\/kb\/learndash-app\/managing-content-for-learndash-app\/how-to-configure-app-images-icons\/","title":{"rendered":"How to Configure App Images &amp; Icons"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"h-introduction\"><strong>Introduction<\/strong><\/h2>\n\n\n\n<p><strong><br><\/strong>Branding your Learndash App with custom <strong>logos, splash screens, and icons<\/strong> enhances the user experience and reflects your visual identity.<\/p>\n\n\n\n<p>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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-recommended-image-amp-icon-sizes\"><strong>Recommended Image &amp; Icon Sizes<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Element<\/strong><\/td><td><strong>Size (px)<\/strong><\/td><td><strong>Format<\/strong><\/td><\/tr><tr><td>Home Screen Logo<\/td><td>1200 \u00d7 180<\/td><td>PNG or PSD<\/td><\/tr><tr><td>Login Logo<\/td><td>1200 \u00d7 774<\/td><td>PNG or PSD<\/td><\/tr><tr><td>Login\/Registration Background<\/td><td>2732 \u00d7 2732<\/td><td>PNG or PSD<\/td><\/tr><tr><td>Launch Screen Background<\/td><td>2732 \u00d7 2732<\/td><td>PNG or PSD<\/td><\/tr><tr><td>iOS\/Android App Icon<\/td><td>1024 \u00d7 1024<\/td><td>PNG or PSD<\/td><\/tr><tr><td>Android Adaptive Icons<\/td><td>1024 \u00d7 1024<\/td><td>PNG<\/td><\/tr><tr><td>Android Notification Icon<\/td><td>256 \u00d7 256<\/td><td>PNG<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-learndash-app-branding-guidelines\"><strong>Learndash App Branding Guidelines<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-standard-learndash-app-icon-ios-and-android\"><strong>Standard Learndash App Icon (iOS and Android)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Size<\/strong>: 1024 \u00d7 1024 px<br><\/li>\n\n\n\n<li><strong>Safe Zone<\/strong>: 682 \u00d7 682 px center<br><\/li>\n\n\n\n<li><strong>Format<\/strong>: PNG (32-bit), sRGB<br><\/li>\n\n\n\n<li><strong>iOS<\/strong>: No transparency<br><\/li>\n\n\n\n<li><strong>Android<\/strong>: Transparency allowed<br><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-android-adaptive-icon\"><strong>Android Adaptive Icon<\/strong><\/h3>\n\n\n\n<p>Required on Android 8+ for shape flexibility and parallax.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Foreground<\/strong>: Transparent logo, 1024 \u00d7 1024 px<br><\/li>\n\n\n\n<li><strong>Background<\/strong>: Opaque image, 1024 \u00d7 1024 px<br><\/li>\n\n\n\n<li><strong>Safe Zone<\/strong>: 683 \u00d7 683 px center (170 px margin)<br><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-launch-splash-screen\"><strong>Launch \/ Splash Screen<\/strong><\/h3>\n\n\n\n<p>Displayed instantly on Learndash app startup.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Size<\/strong>: 2732 \u00d7 2732 px<br><\/li>\n\n\n\n<li><strong>Safe Zone<\/strong>: 1200 \u00d7 2732 px center<br><\/li>\n\n\n\n<li><strong>Format<\/strong>: PNG (32-bit), sRGB<br><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-login-screen\"><strong>Login Screen<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Logo<\/strong>: Max 200 \u00d7 150 px within background<br><\/li>\n\n\n\n<li><strong>Background<\/strong>: 2732 \u00d7 2732 px<br><\/li>\n\n\n\n<li><strong>Format<\/strong>: PNG (32-bit), sRGB<br><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-configure-images-amp-icons-in-wordpress\"><strong>Configure Images &amp; Icons in WordPress<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-access-branding-settings\"><strong>Access Branding Settings<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Learndash App &gt; Branding &gt; Images<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXfNdrZBdb-vHM-x741HKsAqMh78kMdTtTI1paI0dYcxd_mSaehmoULfRDjxt98TzbWErIGlBNdQIV30OxstU5-cTzaJlv2DnFEyt8dgiutu0LUsmX5RV1xtIi9UpFrtZSWmlm0zqg?key=ncVdvJdgW-4iHW249RLDkQ\" alt=\"\"\/><\/figure>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Confirm you see sections for:<br>\n<ul class=\"wp-block-list\">\n<li>Home Screen<br><\/li>\n\n\n\n<li>Login Screens<br><\/li>\n\n\n\n<li>Register Screens<br><\/li>\n\n\n\n<li>Launch Screen<br><\/li>\n\n\n\n<li>App Icons<br><\/li>\n\n\n\n<li>Android Adaptive Icons<br><\/li>\n\n\n\n<li>Notification Icon<br><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-home-screen-logo\"><strong>Home Screen Logo<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXemwtLKiy2cUZJoHsligiGiWpvVAegGbsQnI35Ht8igezb7DMysvC4KNKBkZhLv1081sT0jmcmC_gBUXvioFyDLZEnYxVratoXxGFO3KFDdwmRb-tzFkEKp2oRYQxT5YkzD31o1og?key=ncVdvJdgW-4iHW249RLDkQ\" alt=\"\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Under <strong>Home Screen<\/strong>, click <strong>Upload Image<\/strong> next to <strong>Logo<\/strong>.<br><\/li>\n\n\n\n<li>Resize as needed &gt; Click <strong>Finish<\/strong>.<br><\/li>\n\n\n\n<li>Preview on both iOS and Android mockups.<br><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-login-screen-0\"><strong>Login Screen<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXfmlYMbgrhklrVUvoccAvtwvbnu4jrpg-Dk_VgynL9muX3LDyapjkZlesJ8lUNO5BG-f7khfuziF1DRKug8eh3VujYPxezG-f_nYDcTIgyT7Dp6Nm7BdaTV69gqHGQDV88l4-ZwyQ?key=ncVdvJdgW-4iHW249RLDkQ\" alt=\"\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Under <strong>Login Screens<\/strong>, upload the <strong>Login Logo<\/strong> and <strong>Login Background<\/strong>.<br><\/li>\n\n\n\n<li>Click <strong>Finish<\/strong> after each.<br><\/li>\n\n\n\n<li>Toggle preview between Login and Forgot Password pages.<br><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-register-screen\"><strong>Register Screen<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdqBuQs6T_FTfRHuL68CJfXUthZ1BJwjER1eFG8kGXyqO6CNqtFey27jlxtWgjHcP6vAtZ_WrJsnLLD0o9bX_W6sBBoeXmYieX208wa68NgOghMEFNJUzhNuMM47IfBxH29sSIaxw?key=ncVdvJdgW-4iHW249RLDkQ\" alt=\"\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Under <strong>Register Screens<\/strong>, upload the <strong>Register Background<\/strong>.<br><\/li>\n\n\n\n<li>Click <strong>Finish<\/strong>.<br><\/li>\n<\/ol>\n\n\n\n<p>Note: Use the same image as Login for consistent branding.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-launch-splash-screen-0\"><strong>Launch \/ Splash Screen<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXea-MsfdNjaIB6WMZaic2sHRTMD_xZTgw4S8ogKLyVWzDlbegJ4yQzJuROwJYN0J2EeVtJxqRW0goWcg6bv0vjmksM1kf5LO4dXE4kuoX6X2ky5MuCRrAEYekFAzabuOh7EmRGE?key=ncVdvJdgW-4iHW249RLDkQ\" alt=\"\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Under <strong>Launch Screen<\/strong>, upload the <strong>Launch Background<\/strong>.<br><\/li>\n\n\n\n<li>Enable <strong>Show Spinner<\/strong> and choose a <strong>Spinner Color<\/strong>.<br><\/li>\n\n\n\n<li>Click <strong>Finish<\/strong> to preview animation.<br><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-learndash-app-icons\"><strong>Learndash App Icons<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXf6wMKvW39Wkoudw0qwpWSHuXLk4erEdkk8PiqYOQmaK1iDwMFRp0oi-yVS9Bl2tblbun0fm6CWPQGkCrzDsMOFxRH4ZFR6XWVZedIOi-SZSEKduVNC2smlVgh_v4pOx154rcZT6Q?key=ncVdvJdgW-4iHW249RLDkQ\" alt=\"\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Under <strong>App Icons<\/strong>, upload:<br>\n<ul class=\"wp-block-list\">\n<li><strong>iOS App Icon<\/strong> (opaque PNG)<br><\/li>\n\n\n\n<li><strong>Android App Icon<\/strong> (transparency allowed)<br><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Resize if needed &gt; Click <strong>Finish<\/strong>.<br><\/li>\n\n\n\n<li>Preview on iPhone and Android mockups.<br><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-android-adaptive-icons\"><strong>Android Adaptive Icons<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdOrKjYM3C7L6L9xZaaI88jnrvnY3gzv66x6iESk3XuZ-LXhTflX7-txd9cYoywHaBCtvszIBT2Us89ug_PqHLCixsvPhJVrTCTpmB2Yu9yKqG7kLzBMqSHohyHnOQMgSnGq4oE?key=ncVdvJdgW-4iHW249RLDkQ\" alt=\"\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Under <strong>Android Adaptive Icon<\/strong>, upload:<br>\n<ul class=\"wp-block-list\">\n<li><strong>Background Icon<\/strong> (opaque)<br><\/li>\n\n\n\n<li><strong>Foreground Icon<\/strong> (transparent logo)<br><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Click <strong>Finish<\/strong> to preview the adaptive icon behavior.<br><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-android-notification-icon\"><strong>Android Notification Icon<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXeje54R99DsM7ZJfHGKAzT6dT1t83PqVdpnbCxGPmFLK8xI4h45BXVsO1IeDVK8wXA1sAXELv1XfLCK1eDf6dVlCWkJAW-0gAcsY0ASkPxSGrYCNASEHxIuruBqTguy--ueC75Seg?key=ncVdvJdgW-4iHW249RLDkQ\" alt=\"\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Under <strong>Notification Icon<\/strong>, click <strong>Upload Image<\/strong>.<br><\/li>\n\n\n\n<li>Click <strong>Finish<\/strong> to preview in the notification tray.<br><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-final-step-save-all-changes\"><strong>Final Step: Save All Changes<\/strong><\/h3>\n\n\n\n<p>After configuring each section, scroll down and <strong>click Save Changes<\/strong>. Unsaved uploads will be lost if you navigate away or refresh.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-troubleshooting-and-faqs\"><strong>Troubleshooting and FAQs<\/strong><\/h2>\n\n\n\n<p><strong>Q: Why aren\u2019t my images uploaded?<\/strong><strong><br><\/strong> A: Make sure the files are in PNG or PSD format and match the recommended dimensions. Clear cache and reload the page if needed.<\/p>\n\n\n\n<p><strong>Q: Why do previews look cropped or misaligned?<\/strong><strong><br><\/strong> A: Ensure design elements stay within the <strong>safe zones<\/strong> (e.g., 682 \u00d7 682 px for app icons). Use the provided overlay guides and re-upload if necessary.<\/p>\n\n\n\n<p><strong>Q: I lost my uploads after leaving the page.<\/strong><strong><br><\/strong> A: You must click <strong>Save Changes<\/strong> at the bottom after every update\u2014uploads are discarded otherwise.<\/p>\n\n\n\n<p><strong>Q: Adaptive icons don\u2019t display correctly on my Android device.<\/strong><strong><br><\/strong> A: Check that both foreground and background images are 1024 \u00d7 1024 px and follow the safe zone guidelines. Your device must run Android 8.0 or later.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 &amp; Icon Sizes Element Size&#8230;<\/p>\n","protected":false},"author":58,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_helpful_status":1,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"doc_category":[288],"doc_tag":[],"knowledge_base":[283],"class_list":["post-10459","docs","type-docs","status-publish","hentry","doc_category-managing-content-for-learndash-app","knowledge_base-learndash-app"],"year_month":"2026-04","word_count":521,"total_views":"793","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"display_name":"Stephanie Liy","author_link":"https:\/\/learndash.com\/support\/author\/stephaniei\/"},"doc_category_info":[{"term_name":"Managing Content for LearnDash App","term_url":"https:\/\/learndash.com\/support\/kb\/learndash-app\/managing-content-for-learndash-app\/"}],"doc_tag_info":[],"taxonomy_info":{"doc_category":[{"value":288,"label":"Managing Content for LearnDash App"}],"knowledge_base":[{"value":283,"label":"LearnDash App"}]},"featured_image_src_large":false,"comment_info":0,"knowledge_base_info":[{"term_name":"LearnDash App","term_url":"https:\/\/learndash.com\/support\/kb\/learndash-app\/","term_slug":"learndash-app"}],"knowledge_base_slug":["learndash-app"],"_links":{"self":[{"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/docs\/10459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/comments?post=10459"}],"version-history":[{"count":2,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/docs\/10459\/revisions"}],"predecessor-version":[{"id":11067,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/docs\/10459\/revisions\/11067"}],"wp:attachment":[{"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/media?parent=10459"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/doc_category?post=10459"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/doc_tag?post=10459"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/learndash.com\/support\/wp-json\/wp\/v2\/knowledge_base?post=10459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}