Un icono para iOS, una imagen de ficha de Google Play, las capas de un icono adaptativo de Android y un favicon web sirven para cosas distintas. Define el destino antes de exportar. Iconise ofrece PNG, vectorización SVG y un ZIP de favicons; no es un paquete de envío a las tiendas para todas las plataformas.
Mantener separados cuatro recursos
| Destino | Requisito documentado | Qué preparar |
|---|---|---|
| Icono de aplicación iOS/iPadOS/macOS | Apple: formato cuadrado de 1024 × 1024 px; las HIG describen un diseño por capas y la máscara aplicada por el sistema. | Ilustración maestra y recursos necesarios para las apariencias y el proyecto Xcode. Ningún servicio de exportación garantiza la aceptación. |
| Ficha de Google Play | 512 × 512 px; PNG de 32 bits, sRGB y hasta 1024 KB. Google Play aplica la máscara y la sombra. | Recurso cuadrado sin esquinas redondeadas ni sombra exterior añadida. |
| Icono adaptativo de Android | Dos capas de color de 108 × 108 dp; el logotipo entre 48 y 66 dp. Puede añadirse una capa monocromática para iconos temáticos. | Recursos de primer plano y fondo, y, si hace falta, un recurso monocromático en el proyecto Android. |
| Favicon web | Recursos declarados con `link rel="icon"` y sus tamaños disponibles. El navegador elige un recurso adecuado. | Archivos del sitio y elementos `link`; según el proyecto, también un manifiesto web. |
Qué prepara Iconise
La pantalla final de Iconise permite descargar la ilustración como PNG, solicitar una versión SVG mediante vectorización y crear un ZIP de favicons web. El paquete incluye `favicon.ico` (16, 32 y 48 px), PNG de 16 y 32 px, `apple-touch-icon.png` de 180 px, iconos de Android Chrome de 192 y 512 px y `site.webmanifest`.
Preparar los archivos maestros y revisar las exportaciones
- Anota la plataforma, la ubicación (launcher, ficha de tienda o web) y las apariencias previstas.
- Consulta la documentación oficial para revisar dimensiones, máscaras y estructura.
- Conserva un original limpio y prepara las capas o exportaciones que necesita cada destino.
- Tras integrar, comprueba nombre, formato, dimensiones, transparencia, compresión y resultado visible.
- Prueba el archivo en el proyecto y el flujo de publicación reales. Exportar no demuestra que la tienda lo acepte.
El caso particular de los favicons web
Un navegador puede elegir entre varios enlaces `rel="icon"` según el tipo y los tamaños declarados. El ZIP de Iconise contiene esos recursos y un manifiesto; aún debes añadir los archivos al sitio y comprobar sus rutas y su aspecto. Los Apple Touch Icons para accesos web no son requisitos de icono de una app iOS.
Errores frecuentes
- Usar un PNG de favicon como si incluyera capas adaptativas de Android.
- Confundir la imagen de ficha de Google Play con el icono del launcher instalado.
- Añadir esquinas redondeadas o una sombra exterior que la plataforma ya aplica.
- Tratar la vectorización SVG como un original vectorial creado y revisado a mano.
- Suponer que un formato o tamaño garantiza la aceptación en una tienda.
Cuando tengas claros los destinos, vuelve a la guía de comparación y revisa si el icono sigue siendo legible en cada contexto.