--- title: "New mockups to preview your Splash screens" description: "Did you know that a 3 seconds delay causes you to lose half of your users? A figure to reflect upon, especially when every other second you lose another 7% of y" canonical_url: "https://www.goodbarber.com/blog/new-mockups-to-preview-your-splash-screens-a932/" lang: en date: 2019-02-19 last_updated: 2019-02-19 --- # New mockups to preview your Splash screens ![](https://blog.goodbarber.com/_public/profile/ef/efb630699481a8fe6d2aa4031740c017ec96c703-default.jpg) [Muriel Santoni](https://www.goodbarber.com/blog/author/muriel-santoni/)Marketing Manager Feb 19, 2019 · 2 min read ![](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/30394956-29032965.jpg?v=1549288393.8176775) Did you know that a 3 seconds delay causes you to lose half of your users? A figure to reflect upon, especially when every other second you lose another 7% of your users. During the crucial time it takes your app to open you could lose the attention of your users. Even though your GoodBarber app or [PWA](https://www.goodbarber.com/blog/progressive-web-apps-everything-you-need-to-know-a895/) is build to launch quickly, you shouldn't overlook the importance of this General Design section : the **Splashscreen**. It allows you to display an image, message or logo while your app is launching therefore catching the eye of your users and improving your chances to keep them interested until your content is displayed. As you can see it is essential to take the time to perfect your Splash screen, its content as much as its design. If the content falls onto your creativity, we are putting our best features forward to help you with the design. Nowadays with so many different devices on the market, **it is difficult to imagine and picture how your Splash screen will adapt to various screen sizes**. We are now proposing different options to preview your splashscreen. ![](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/30394956-29033005.jpg?v=1549288480.3822906) 7 new mockups are available : - iPhone XS - iPhone XS Max - iPhone 8 - iPhone 5 - Galaxy S9+ - Huawei P20 Pro - LG-G7 Below is the list of all screens with their characteristics ![](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/30394956-29033018.jpg?v=1549288595.5165544) To allow you to display a perfect screen, you will have to provide on your backend two formats of your Splashscreen (for the mobile part): - **one format for iOS** 1308 x 2688 pixels - **​one format for Android** 1440 x 2960 pixels In order to adapt to all the different models, those two versions will be cropped and truncated if necessary to perfectly match the screen without deforming the image. The demo below shows the same image on all the different mockups. The red bands indicate where the image has been truncated. ## How to preview your Splash screen? ![](https://cmsphoto.ww-cdn.com/superstatic/41269/art/grande/30394956-29033045.jpg?v=1549288680.138667) Easy: in your backend menu **My app > design > general design > launch screen**. You can then choose the splash screen preview mode at the top of your screen. - [#Features](https://www.goodbarber.com/blog/tags/features/) - [#GoodBarber 4.7](https://www.goodbarber.com/blog/tags/goodbarber%204.7/) ![](https://blog.goodbarber.com/_public/profile/ef/efb630699481a8fe6d2aa4031740c017ec96c703-default.jpg) About the author Muriel Santoni Marketing Manager Storytelling & GEO at GoodBarber. I drive the brand's voice and its visibility: the stories we tell, the words we choose, and — increasingly — how they surface in AI answers. A storyteller at heart, I spend my days making our no-code app builder easy to find and hard to forget. [More from Muriel](https://www.goodbarber.com/blog/author/muriel-santoni/)[LinkedIn](https://www.linkedin.com/in/muriel-santoni-52b26986/)[X](https://www.linkedin.com/in/muriel-santoni-52b26986/)