Your app's branding is the first thing users see: the icon on their home screen, the splash screen on launch, and the app name in their app drawer. Getting these right matters both for the user experience and for Google Play Store presentation.
App Name
The app name appears in three places:
- Under the app icon on the user's home screen and app drawer
- In the Play Store listing title (alongside your separate Play Store title)
- In the Android app settings and permissions dialogs
Android truncates long app names on home screens: typically at 12–14 characters depending on screen size and launcher. Keep your app name short. If your brand name is long, use a shortened version: "Acme Logistics" might become "AcmeLog" or simply "Acme."
The app name is set in the App Name field when creating or editing your app. It can be updated and rebuilt at any time.
App Icon
The app icon must be a 1024×1024 PNG file. The build server generates icons for all required Android density buckets automatically:
| Density | Size | Use |
|---|---|---|
| mdpi | 48×48 | Older / low-density screens |
| hdpi | 72×72 | Standard phones |
| xhdpi | 96×96 | High-density phones |
| xxhdpi | 144×144 | Very high-density phones (most current devices) |
| xxxhdpi | 192×192 | Ultra-high-density (flagship devices) |
Icon Design Guidelines
- No transparent background: Android applies its own background shape (circle, squircle, etc.) depending on the device launcher. Your icon should have a solid, intentional background color.
- Keep the focal element centered and large: The icon is shown at small sizes. A centered logo or symbol that fills about 60–70% of the canvas remains legible at small sizes.
- Avoid text at small sizes: Text in app icons becomes unreadable below xxhdpi. If your brand includes a wordmark, use a symbol version or initial for the icon.
- Test at 48×48: Before uploading, scale your icon down to 48×48 in your graphics tool and verify it's still recognizable.
Splash Screen
The splash screen is displayed while the app loads: from launch until the WebView finishes rendering your website. A well-designed splash screen makes the app feel professional and reduces the perception of loading time.
Splash Screen Configuration
- Background color: Set a solid background color that matches your brand. This is what appears immediately on app launch, even before the splash image loads.
- Logo/image: Upload a centered logo or icon image. This is displayed over the background color. Recommended dimensions: 400×400 PNG with transparent background.
- Duration: The splash screen stays visible until the WebView is ready. You can set a minimum duration (e.g., 2 seconds) if you want it to show for a consistent amount of time regardless of load speed.
Splash Screen Best Practices
Match the splash background color to your website's body background color. When the splash screen dismisses and your website appears, a matching color creates a smooth, seamless transition. If your website has a white background, use a white splash background. Jarring color changes during the transition feel unprofessional.
Use the same logo file you use on your website for consistency. A simplified version of your logo (symbol only, not full wordmark) works better at the sizes where splash logos are displayed.
Adaptive Icons (Android 8+)
Android 8.0 (API 26) introduced adaptive icons: a two-layer system where the launcher applies its own shape (circle, rounded rectangle, teardrop) to a foreground/background layer combination.
WebToAppConvert generates adaptive icons from your uploaded icon file automatically. The uploaded image is used as the foreground layer, and a default background color is applied. If you want a specific background color for the adaptive icon (different from the overall icon background), you can specify it in the advanced icon settings.
After a branding change, rebuild with a Debug build first to verify the icon looks correct on a real device before running a production build.