![]() Only valid CSS color values are recognized. background_color: The background color of your splash screen.In your manifest.json file, make sure that these three properties: name, background_color, and icons are properly configured: For iOS, however, it’s a different story as you’d have to make different splash image sizes for different screen sizes. On Android, the process is as quick as putting in three lines of code. Coupled with the fact that lower-specced devices with 1GB of RAM are still the most common, a unique splash screen that is representative of your brand is a must.Ī splash screen to showcase your brand How to create your own splash screen However, on slower devices, this can be an issue since it ruins the user’s initial perception of your app. This should be fine on its own, as on modern devices, time to opening apps is almost instant. When unconfigured, users opening your PWA are defaulted to be greeted with a blank, white screen. Let’s get right into it, shall we: The case for splash screens in PWAs The process isn’t overly complicated as one would expect, and you can actually have everything done in no time at all. As previously stated in our PWA manifest tutorial, you can create a unique splash screen for your PWA with just a few lines of code inside your manifest.json.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |