自己动手
$109 每个平台，一次性付费
WebViewGold 许可证：一个现成的 Xcode 或 Android Studio 项目。粘贴您的 URL，设置名称和图标，开启所需功能，构建并提交。永久免费更新。
在主页查看方案图标规格一览
| 素材 | 规格 | 放在哪里 |
|---|---|---|
| iOS 主图标 | 1024 × 1024 px PNG，sRGB，不含 alpha 通道，直角（iOS 会自行应用圆角遮罩），文字不要小于宽度的约 10% | Xcode 资源目录（asset catalog）；App Store Connect 也会用它作为商店详情页的图标 |
| iOS 设备尺寸 | 由主图标生成：iPhone 用 60、120、180 px，iPad 用 152 和 167 px，另有设置和通知用的尺寸 | 同一个资源目录；用生成器一键即可得到整套图标 |
| Google Play 商店详情页图标 | 512 × 512 px PNG，32 位；Play 会应用自己的形状遮罩，所以请让图稿在纯色背景上铺满整个画布 | Play Console → 商店详情（不放在项目中） |
| Android 启动器图标 | mipmap-hdpi（72 px）、xhdpi（96）、xxhdpi（144）和 xxxhdpi（192）中的 ic_launcher.png，以及 ic_launcher_round.png 和 ic_launcher_foreground.png | WebViewGold Android 项目的 mipmap 文件夹 |
| 自适应图标规则 | 前景位于 108 dp 画布上；Logo 要保持在中央 66 dp 的安全区内，因为启动器会把图标裁成圆形、圆角方形和方形 | ic_launcher_foreground.png；背景是一种颜色或第二个图层 |
| 启动画面图片 | 正方形 GIF（128、512 或 1024 px）；可以使用动画，但要简短 | iOS 项目根目录和 Android assets 中的 splash.gif |
把图标放进 WebViewGold
用免费生成器十分钟就能搞定；Cloud Builder 会替您处理尺寸。
导出一张 1024 × 1024 主图
从 Figma、Canva 或您的 AI 工具导出：PNG，合并到纯色或渐变背景上，没有圆角，也没有渐隐到透明的投影。
生成整套尺寸
使用 appicon.co 之类的工具（WebViewGold 文档中有链接；任何“iOS app icon generator”都可以），从主图生成 iPhone、iPad 和 Android 的各种尺寸。
iOS：替换资源目录中的图片
在 Xcode 中依次进入 WebViewGold → WebViewGold → General → App Icons and Launch Screen → App Icon Source，用您的图片替换自带的图片，并保持文件名不变。详情见iOS 图标和启动画面文档。
Android：替换 mipmap 文件
在 Android Studio 中右键点击 ic_launcher.png，在 Finder 或资源管理器中显示它，然后替换每个 mipmap 文件夹中的 ic_launcher.png、ic_launcher_round.png 和 ic_launcher_foreground.png。Android 应用图标文档展示了文件夹结构。
Cloud Builder：主图只需上传一次
Cloud Builder 会接收这张 1024 px PNG，并为两个平台生成所有尺寸。
在真实的主屏幕上检查
安装一个测试构建。在 1024 px 下好看的图标，到了 60 px 可能变成一团灰色；如果在缩略图尺寸下认不出形状，就把它简化。
WebViewGold 中的启动画面和启动屏
在第一段 HTML 到达之前，WebView 应用不会显示您 Web 应用的任何内容，这就是 Apple 要求提供启动屏的原因，也是用户会在这头一秒里判断应用快不快的原因。WebViewGold 分两层处理：一层是 iOS 立即显示的原生启动屏，另一层是您通过 Config 文件控制的品牌启动画面。
iOS（Config.swift）：把 splashScreenEnabled 设为 true，用您的正方形图片替换项目根目录中的 splash.gif，并以毫秒为单位调整 splashTimeout（2000 是合理的默认值）。如果您的后端冷启动较慢，请把 remainSplashOption 设为 true，这样启动画面会一直保持到首页加载完成，而不是交给加载指示器；splashscreencolor 设置背景色，scaleSplashImage 设置图片大小，以屏幕短边的百分比表示。关闭启动画面时，会改为显示原生加载标志或进度条（useLoadingProgressBar）。
Android（Config.java）：思路相同，只是名称为大写：SPLASH_SCREEN_ACTIVATED、SPLASH_TIMEOUT、REMAIN_SPLASH_OPTION、SPLASH_MIN_TIME（开启保持选项时的最短显示时间）、SPLASH_FADE_OUT（淡出时长，设为 0 即禁用）以及 SCALE_SPLASH_IMAGE。图片是 assets 文件夹中的 splash.gif，背景色在 colors.xml 中设置。参见Android 启动画面文档。
设计原则：让启动画面的背景色与您 Web 应用首屏的颜色保持一致。白色启动画面之后紧跟一个深色仪表盘，画面会闪一下；背景一致，过渡就完全看不出来。
把 Web 应用转换成原生应用的绝佳方式！周转速度快，无需开发完整的原生应用就能把应用上架到应用商店！
用 AI 图像工具生成图标
替换方括号中的部分。生成几个变体，选出一个，然后在 Figma 或 Canva 中合并图层，再导出 1024 px PNG。
给 ChatGPT、Midjourney、Ideogram 或类似工具的提示词
为 [应用名称] 设计一个移动应用图标，这是一款[一句话描述，例如：面向跑步爱好者的习惯追踪应用]。 风格：扁平矢量，中央一个醒目的符号，两到三种颜色，高对比度，不要渐隐到透明的渐变。 构图：符号约占画布的 60%，居中，四周留有充足边距，纯色 [品牌色] 背景延伸到四条边。 限制：正方形，1:1，没有圆角，没有文字，没有字母，没有样机效果，没有设备边框，没有投影，没有透明。 缩小到 60 x 60 像素时必须依然能够辨认。
导致上传或审核失败的错误
- iOS 图标带有 alpha 通道：App Store Connect 会以“Invalid App Store Icon”错误拒绝该构建。导出时不要带透明。
- PNG 里自带圆角：iOS 会再圆一次，结果出现双重轮廓。请提供完整的方形。
- 在构建中保留 WebViewGold 的占位图标或启动画面。审核人员看到的是一个模板；再加上应用内容单薄，就很容易引来准则 4.3 或 4.2 的讨论。
- 商店详情页图标与应用内图标不一致：准则 2.3 要求元数据准确，而且用户会去找他们在商店里看到的那个图标。
- 字很小，或者用了带标语的完整 Logo。在主屏幕尺寸下没人能看清；只用符号即可。
- 自适应图标的图稿碰到了边缘：圆形启动器会把它裁掉。让 Logo 保持在安全区内。
- 启动画面 GIF 不是正方形，或者动画比启动画面超时时间还长，导致用户看到它被中途截断。
常见问题
我可以直接用网站图标（favicon）吗？
只能作为起点。favicon 只有 32 或 64 px，而且通常是透明的。请在纯色背景上以 1024 px 重新绘制这个符号。
更换图标需要提交商店更新吗？
需要。图标和启动画面是构建中的原生素材。更换它们意味着要在两个商店发布新版本。
Android 项目里需要放 512 px 图标吗？
不需要。512 px PNG 只用于 Play 商店详情页。启动器使用的是项目中的 mipmap 文件，它们由同一张主图生成。
启动画面是必需的吗？
Apple 要求有启动屏，WebViewGold 已经自带。品牌启动画面图片是可选的，但推荐使用：它能遮住第一次请求，让应用感觉更像原生应用。
让您的应用上架商店的三种方式
结果相同，只是您需要投入的工作量不同。三种方式都附带审核通过保证和 7×24 小时人工支持。
Cloud Builder
$349 每个许可证，一次性附加购买
无需 Mac、Xcode 或 Android Studio：在浏览器中完成配置，我们在云端构建两个应用，并将其交付到 App Store Connect 和 Play Console。
Cloud Builder 如何运作 试用免费演示Full Service
$698 每个平台 $798
把您的 URL 和图标发给我们。我们的团队在 72 小时内完成配置、构建并交付您的应用，白标，附源码项目。两个平台共 $1,158。
Full Service 详情 服务提供方：
冬季特惠价格有效期至 2026年12月31日。