Progress will discontinue Telerik Platform on May 10th, 2018. Learn more

Android Splash Screen Appears Blurred

Environment

Service Code (AppBuilder)
Feature Customize assets

Description

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.

Cause

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.

Solution

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:

  1. Open your app Properties.
  2. Navigate to the Assets tab.
  3. Under the Android tab, scroll down to 9Patch Splash Screens.
  4. Replace each splash screen individually.
  5. 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.

Start a free trial Request a demo
Contact us: +1-888-365-2779
sales@telerik.com
Copyright © 2016-2017, Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.