Splash screen images appear blurred on larger devices. Even when you upload images for all large screen sizes in your app, some devices show the splash screen blurred or distorted.
This problem with Android devices comes from the fact that their screen sizes vary a lot and there may not be a splashscreen image from the pre-defined sizes that exactly fits the given screen. In such a case, the image is resized to fit the screen, which may result in a distorted or blurred splash screen.
When targeting multiple devices and resolutions on Android, it is best to use 9-patch images, to ensure that the splash screen will show without blurring.
You can create 9-patch images in every image editing tool by following the requirements for such an image, that are listed in the Android documentation on 9-patch images. If you do not want to create the images manually, you can use this online tool or the built-in editor of the Android SDK.
When you have the 9-patch image, follow these steps to add it to your app:
- Open your app Properties.
- Navigate to the Assets tab.
- Under the Android tab, scroll down to 9Patch Splash Screens.
- Replace each splash screen individually.
- Re-build your app and deploy it on the Android device.
The Android splash screen should now be sized to fit the device screen correctly.