Do it yourself
$109 per platform, one-time
The WebViewGold license: a finished Xcode or Android Studio project. Paste your URL, set name and icon, switch on features, build and submit. Free updates forever.
See plans on the main pageIcon specs at a glance
| Asset | Spec | Where it goes |
|---|---|---|
| iOS master icon | 1024 × 1024 px PNG, sRGB, no alpha channel, square corners (iOS applies the rounded mask itself), no text smaller than about 10% of the width | Xcode asset catalog; it is also the icon App Store Connect uses for the listing |
| iOS device sizes | Generated from the master: 60, 120, 180 px for iPhone, 152 and 167 px for iPad, plus settings and notification sizes | Same asset catalog; a generator produces the set in one click |
| Google Play listing icon | 512 × 512 px PNG, 32-bit; Play applies its own shape mask, so keep the artwork full-bleed on a solid background | Play Console → Store listing (not inside the project) |
| Android launcher icons | ic_launcher.png in mipmap-hdpi (72 px), xhdpi (96), xxhdpi (144) and xxxhdpi (192), plus ic_launcher_round.png and ic_launcher_foreground.png | The mipmap folders of the WebViewGold Android project |
| Adaptive icon rule | Foreground on a 108 dp canvas; keep the logo inside the central 66 dp safe zone because launchers crop to circles, squircles and squares | ic_launcher_foreground.png; the background is a color or a second layer |
| Splash image | Square GIF (128, 512 or 1024 px); animated is allowed, keep it short | splash.gif in the iOS project root and in the Android assets |
Put the icon into WebViewGold
Ten minutes with a free generator; the Cloud Builder does the resizing for you.
Export one 1024 × 1024 master
From Figma, Canva or your AI tool: PNG, flattened on a solid or gradient background, no rounded corners, no drop shadow that fades to transparent.
Generate the size set
Use a tool such as appicon.co (the WebViewGold docs link it; any "iOS app icon generator" works) to get the iPhone, iPad and Android sizes from the master.
iOS: replace the asset catalog images
In Xcode go to WebViewGold → WebViewGold → General → App Icons and Launch Screen → App Icon Source and replace the included images with yours, keeping the file names. Details in the iOS icon and splash docs.
Android: replace the mipmap files
Right-click ic_launcher.png in Android Studio, reveal it in Finder or Explorer, and replace ic_launcher.png, ic_launcher_round.png and ic_launcher_foreground.png in every mipmap folder. The Android app icon docs show the folder layout.
Cloud Builder: upload the master once
The Cloud Builder takes the 1024 px PNG and produces every size for both platforms.
Check on a real home screen
Install a test build. Icons that look fine at 1024 px can turn into a gray blob at 60 px; simplify if the shape is not recognizable at thumbnail size.
The splash and launch screen in WebViewGold
A WebView app shows nothing of your web app until the first HTML arrives, which is why Apple expects a launch screen and why users judge speed in that first second. WebViewGold handles it in two layers: the native launch screen that iOS shows instantly, and a branded splash screen you control from the Config files.
iOS (Config.swift): set splashScreenEnabled to true, replace splash.gif in the project root with your square image, and tune splashTimeout in milliseconds (2000 is a sensible default). Set remainSplashOption to true if your backend has slow cold starts, so the splash stays until the home page has loaded instead of handing over to the loading indicator; splashscreencolor sets the background, scaleSplashImage the image size as a percentage of the shorter screen side. With the splash off, the native loading sign or the progress bar (useLoadingProgressBar) appears instead.
Android (Config.java): the same ideas with upper-case names: SPLASH_SCREEN_ACTIVATED, SPLASH_TIMEOUT, REMAIN_SPLASH_OPTION, SPLASH_MIN_TIME (minimum display time when the remain option is on), SPLASH_FADE_OUT (fade duration, 0 to disable) and SCALE_SPLASH_IMAGE. The image is splash.gif in the assets folder, the background color lives in colors.xml. See the Android splash docs.
Design rule: make the splash background the same color as your web app's first screen. A white splash followed by a dark dashboard flashes; a matching background makes the handover invisible.
Great way of converting your web app to a native app! Fast turn-around, and a great way to get your apps into the app stores without the need to develop a full native app!
Generate the icon with an AI image tool
Replace the bracketed parts. Generate several variants, pick one, and flatten it in Figma or Canva before exporting the 1024 px PNG.
Prompt for ChatGPT, Midjourney, Ideogram or similar
Design a mobile app icon for [APP NAME], a [one-line description, e.g. habit tracker for runners]. Style: flat vector, a single bold symbol in the center, two or three colors, high contrast, no gradients that fade to transparent. Composition: symbol fills about 60% of the canvas, centered, generous margin, solid [BRAND COLOR] background that extends to all four edges. Constraints: square format, 1:1, no rounded corners, no text, no letters, no mockup, no device frame, no drop shadow, no transparency. It must stay recognizable when scaled down to 60 x 60 pixels.
Mistakes that fail the upload or the review
- Alpha channel in the iOS icon: App Store Connect rejects the build with an "Invalid App Store Icon" error. Export without transparency.
- Rounded corners baked into the PNG: iOS rounds again and you get a double outline. Deliver a full square.
- Leaving the WebViewGold placeholder icon or splash in the build. Reviewers see a template; combined with a thin app it invites a Guideline 4.3 or 4.2 discussion.
- A listing icon that differs from the in-app icon: Guideline 2.3 asks for accurate metadata, and users look for the icon they saw in the store.
- Tiny text or a full logo with a tagline. At home-screen size nobody can read it; use the symbol only.
- Adaptive icon artwork touching the edges: round launchers crop it. Keep the logo inside the safe zone.
- A non-square splash GIF, or an animation longer than the splash timeout, so users see it cut off.
Frequently asked questions
Can I just use my favicon?
Only as a starting point. Favicons are 32 or 64 px and often transparent. Rebuild the symbol at 1024 px on a solid background.
Do I need a store update to change the icon?
Yes. The icon and the splash are native assets inside the build. Changing them means a new version in both stores.
Does Android need the 512 px icon inside the project?
No. The 512 px PNG is only for the Play listing. The launcher uses the mipmap files inside the project, which you generate from the same master.
Is a splash screen required?
Apple requires a launch screen, which WebViewGold already includes. The branded splash image is optional but recommended: it hides the first request and makes the app feel native.
Three ways to get your app into the stores
Same result, different amount of work on your side. All three come with the approval guarantee and 24/7 human support.
Cloud Builder
$349 per license, one-time add-on
No Mac, no Xcode, no Android Studio: configure in the browser, we build both apps in the cloud and hand them to App Store Connect and the Play Console.
How the Cloud Builder works Try the free demoFull Service
$698 per platform $798
Send us your URL and icon. Our team configures, builds and delivers your app within 72 hours, white-label, with source projects. Both platforms for $1,158.
Full Service details Powered by
Winter Sale prices valid until December 31, 2026.