Recursos de diseño
Tu app web tiene un favicon y un logo. Las tiendas quieren más: un icono de 1024 píxeles sin transparencia, capas de icono adaptativo para Android y una pantalla de lanzamiento que cubra el primer segundo de carga. Aquí tienes las especificaciones exactas, dónde va cada archivo en WebViewGold y cómo generar el diseño con una herramienta de IA.
Desde $109 de pago único por plataforma, o deja que nuestro equipo lo haga todo desde $698.
| Recurso | Especificación | Dónde va |
|---|---|---|
| Icono maestro de iOS | PNG de 1024 × 1024 px, sRGB, sin canal alfa, esquinas rectas (iOS aplica la máscara redondeada por su cuenta), sin texto más pequeño que aproximadamente el 10 % del ancho | Catálogo de recursos (asset catalog) de Xcode; también es el icono que App Store Connect usa para la ficha |
| Tamaños de dispositivo en iOS | Generados a partir del maestro: 60, 120 y 180 px para iPhone, 152 y 167 px para iPad, más los tamaños de ajustes y notificaciones | El mismo catálogo de recursos; un generador crea el conjunto con un clic |
| Icono de la ficha de Google Play | PNG de 512 × 512 px, 32 bits; Play aplica su propia máscara de forma, así que mantén el diseño a sangre sobre un fondo sólido | Play Console → Ficha de Play Store (no dentro del proyecto) |
| Iconos del launcher de Android | ic_launcher.png en mipmap-hdpi (72 px), xhdpi (96), xxhdpi (144) y xxxhdpi (192), más ic_launcher_round.png e ic_launcher_foreground.png | Las carpetas mipmap del proyecto Android de WebViewGold |
| Regla del icono adaptativo | Primer plano sobre un lienzo de 108 dp; mantén el logo dentro de la zona segura central de 66 dp, porque los launchers recortan en círculos, squircles y cuadrados | ic_launcher_foreground.png; el fondo es un color o una segunda capa |
| Imagen splash | GIF cuadrado (128, 512 o 1024 px); se admite animado, pero mantenlo corto | splash.gif en la raíz del proyecto de iOS y en los assets de Android |
Diez minutos con un generador gratuito; el Cloud Builder redimensiona por ti.
Desde Figma, Canva o tu herramienta de IA: PNG, aplanado sobre un fondo sólido o degradado, sin esquinas redondeadas y sin una sombra que se desvanezca hacia la transparencia.
Usa una herramienta como appicon.co (la documentación de WebViewGold la enlaza; sirve cualquier "iOS app icon generator") para obtener los tamaños de iPhone, iPad y Android a partir del maestro.
En Xcode ve a WebViewGold → WebViewGold → General → App Icons and Launch Screen → App Icon Source y sustituye las imágenes incluidas por las tuyas, manteniendo los nombres de archivo. Los detalles están en la documentación de icono y splash para iOS.
Haz clic derecho en ic_launcher.png en Android Studio, muéstralo en Finder o en el Explorador y sustituye ic_launcher.png, ic_launcher_round.png e ic_launcher_foreground.png en cada carpeta mipmap. La documentación del icono de Android muestra la estructura de carpetas.
El Cloud Builder toma el PNG de 1024 px y genera todos los tamaños para ambas plataformas.
Instala una compilación de prueba. Los iconos que se ven bien a 1024 px pueden convertirse en una mancha gris a 60 px; simplifica si la forma no se reconoce en tamaño miniatura.
Una app WebView no muestra nada de tu app web hasta que llega el primer HTML, por eso Apple espera una pantalla de lanzamiento y por eso los usuarios juzgan la velocidad en ese primer segundo. WebViewGold lo resuelve en dos capas: la pantalla de lanzamiento nativa que iOS muestra al instante y una pantalla splash con tu marca que controlas desde los archivos Config.
iOS (Config.swift): pon splashScreenEnabled en true, sustituye splash.gif en la raíz del proyecto por tu imagen cuadrada y ajusta splashTimeout en milisegundos (2000 es un valor razonable). Pon remainSplashOption en true si tu backend tiene arranques en frío lentos, para que la splash se mantenga hasta que la página de inicio haya cargado en lugar de dar paso al indicador de carga; splashscreencolor define el fondo y scaleSplashImage el tamaño de la imagen como porcentaje del lado más corto de la pantalla. Con la splash desactivada, aparece en su lugar el indicador de carga nativo o la barra de progreso (useLoadingProgressBar).
Android (Config.java): las mismas ideas con nombres en mayúsculas: SPLASH_SCREEN_ACTIVATED, SPLASH_TIMEOUT, REMAIN_SPLASH_OPTION, SPLASH_MIN_TIME (tiempo mínimo de visualización cuando la opción remain está activa), SPLASH_FADE_OUT (duración del fundido, 0 para desactivarlo) y SCALE_SPLASH_IMAGE. La imagen es splash.gif en la carpeta assets y el color de fondo está en colors.xml. Consulta la documentación de splash para Android.
Regla de diseño: haz que el fondo de la splash tenga el mismo color que la primera pantalla de tu app web. Una splash blanca seguida de un panel oscuro produce un destello; un fondo a juego hace invisible la transición.
¡Una forma estupenda de convertir tu web app en una app nativa! Entrega rápida y una manera genial de llevar tus apps a las tiendas sin tener que desarrollar una app nativa completa.
Sustituye las partes entre corchetes. Genera varias variantes, elige una y aplánala en Figma o Canva antes de exportar el PNG de 1024 px.
Diseña un icono de app móvil para [NOMBRE DE LA APP], [descripción de una línea, p. ej. un registro de hábitos para corredores]. Estilo: vector plano, un único símbolo contundente en el centro, dos o tres colores, alto contraste, sin degradados que se desvanezcan hacia la transparencia. Composición: el símbolo ocupa alrededor del 60 % del lienzo, centrado, con margen generoso, sobre un fondo sólido de [COLOR DE MARCA] que llega hasta los cuatro bordes. Restricciones: formato cuadrado, 1:1, sin esquinas redondeadas, sin texto, sin letras, sin mockup, sin marco de dispositivo, sin sombra, sin transparencia. Debe seguir siendo reconocible al reducirlo a 60 x 60 píxeles.
Solo como punto de partida. Los favicons miden 32 o 64 px y a menudo son transparentes. Reconstruye el símbolo a 1024 px sobre un fondo sólido.
Sí. El icono y la splash son recursos nativos dentro de la compilación. Cambiarlos implica una nueva versión en ambas tiendas.
No. El PNG de 512 px es solo para la ficha de Play. El launcher usa los archivos mipmap del proyecto, que generas a partir del mismo maestro.
Apple exige una pantalla de lanzamiento, que WebViewGold ya incluye. La imagen splash con tu marca es opcional pero recomendable: oculta la primera petición y hace que la app se sienta nativa.
El mismo resultado, con distinta cantidad de trabajo por tu parte. Las tres incluyen la garantía de aprobación y soporte humano 24/7.
$109 por plataforma, pago único
La licencia de WebViewGold: un proyecto de Xcode o Android Studio listo para usar. Pega tu URL, define nombre e icono, activa funciones, compila y envía. Actualizaciones gratuitas para siempre.
Ver planes en la página principal$349 por licencia, complemento de pago único
Sin Mac, sin Xcode, sin Android Studio: configura en el navegador, compilamos ambas apps en la nube y las entregamos a App Store Connect y a Play Console.
Cómo funciona el Cloud Builder Prueba la demo gratuita$698 por plataforma $798
Envíanos tu URL y tu icono. Nuestro equipo configura, compila y entrega tu app en 72 horas, en marca blanca y con los proyectos fuente. Ambas plataformas por $1,158.
Detalles del Full Service Con tecnología de
Precios de la Oferta de invierno válidos hasta el 31 de diciembre de 2026.
Garantía de aprobación en App Store & Google Play – o te devolvemos el dinero en 14 días
¿Prefieres delegarlo? Full Service: configuramos, compilamos y entregamos en 72 horas, desde $698 por plataforma. ¿Preguntas? Chatea con nosotros 24/7.
Los reembolsos se conceden bajo las condiciones indicadas en nuestras FAQ: un rechazo por motivos ajenos al contenido por parte de Apple y/o Google, reclamado dentro de los 14 días posteriores a la compra.
