Cómo usar: Generador de iconos de aplicaciones
- Sube una imagen cuadrada —a ser posible, un PNG de 1024 × 1024 píxeles o un SVG—.
- Elige las plataformas, el color de fondo (los iconos de iOS no pueden ser transparentes) y el relleno opcional.
- Echa un vistazo a las vistas previas y haz clic en «Descargar ZIP»; arrastra las carpetas a Xcode y Android Studio.
Qué hay en el archivo ZIP
- iOS —
AppIcon.appiconsetcon todos los tamaños de iPhone y iPad (de 20 a 1024 px) y unContents.json. Arrástralo aAssets.xcassetsXcode, sustituyendo el AppIcon existente. - Android —
mipmap-mdpiamipmap-xxxhdpilas carpetas conic_launcher.pngyic_launcher_round.png(48–192 px), las capas de primer plano del icono adaptativo (108–432 px), el XML enmipmap-anydpi-v26y el recurso de color de fondo. Copia las carpetas enapp/src/main/res. Además del icono de 512 × 512 para Play Store. - Web / PWA: archivos PNG de favicon, el icono táctil de Apple de 180 px, los iconos de manifiesto de 192 y 512 px, un icono enmascarable y un fragmento de código de manifiesto listo para pegar.
Normas importantes de las plataformas
Los iconos de iOS no deben ser transparentes —App Store Connect rechaza los iconos con canal alfa—, así que las áreas transparentes se rellenan con el color de fondo. iOS redondea las esquinas por sí mismo: proporciona una imagen cuadrada, no la redondees tú mismo. Los iconos adaptativos de Android recortan el primer plano en círculos, «squircles» o cuadrados redondeados; mantén la parte importante dentro del 66 % central (la zona segura): para eso sirve el control deslizante de relleno adaptativo.
Privacidad por diseño
Todo el cambio de tamaño se realiza en tu navegador con la API de Canvas; tu diseño nunca se sube a ningún servidor.
También se busca como: generador de iconos para aplicaciones de ios, generador de iconos para android, creador de iconos de aplicaciones, generador de appiconset, generador de iconos adaptativos, generador de iconos pwa, tamaños de los iconos de las apps de android.
Herramientas que combinan con: Generador de iconos de aplicaciones
- PWA Manifest Generator — Make any website an installable PWA.
- Generador de favicons — Crea un paquete completo de favicones a partir de un logotipo, una letra o un emoji: un archivo favicon.ico con varios tamaños, un icono táctil de Apple, iconos para Android y PWA, un webclip de Webflow, el manifiesto web y las etiquetas HTML para pegar.
- Cambiador de tamaño de imágenes — Cambia el tamaño de una foto a unas dimensiones exactas en píxeles o a un porcentaje, recórtala para que se adapte al tamaño de las redes sociales o encájala en un marco con un color de fondo, todo ello directamente en tu navegador.
- Convertidor de imágenes — Convierte cualquier imagen que tu navegador pueda abrir —PNG, JPG, WebP, AVIF, GIF, BMP o SVG— a PNG, JPG, WebP o AVIF, ya sea un archivo o cientos a la vez.
Preguntas frecuentes
¿Qué tamaño debe tener mi imagen original?
Al menos 1024 × 1024 píxeles, cuadrada. Un archivo SVG ofrece los resultados más nítidos en cualquier tamaño. Las imágenes más pequeñas se amplían y pueden verse borrosas en los iconos más grandes.
¿Por qué mi icono de iOS tiene el fondo blanco?
Apple no permite que los iconos de las apps sean transparentes, así que las zonas transparentes se rellenan con el color de fondo que elijas. Elige un color que vaya con tu diseño.
¿Qué son los iconos adaptativos de Android?
Desde Android 8, los iconos del lanzador tienen una capa de primer plano y otra de fondo independientes que el sistema superpone para crear diferentes formas y animaciones. El archivo ZIP incluye ambas capas y el archivo XML que las vincula.
¿Sigo necesitando todos los tamaños de iOS con Xcode 15?
Xcode puede generar tamaños a partir de un único icono de 1024 píxeles, pero el conjunto completo te permite controlar los tamaños pequeños y es compatible con objetivos de implementación más antiguos. Ambos funcionan.
¿Puedo instalar Generador de iconos de aplicaciones como aplicación web y utilizarla sin conexión?
Sí. Generador de iconos de aplicaciones es una aplicación web instalable (PWA): se instala desde el navegador, no se descarga desde una tienda de aplicaciones. Haz clic en «Instalar aplicación» en la parte superior de esta página en Chrome o Edge (Windows, macOS, Linux, ChromeOS) o, en Android, utiliza «Compartir» → «Añadir a la pantalla de inicio» en iPhone y iPad, o «Archivo» → «Añadir al Dock» en Safari 17+ en un Mac. A continuación, se abrirá en su propia ventana con su propio icono y, como se ejecuta íntegramente en tu navegador, seguirá funcionando sin conexión. Firefox en el ordenador de sobremesa no permite instalar aplicaciones web. Cómo funciona la instalación.