🧰 UtlKit

Generador de Iconos de App

Genera iconos de aplicación para iOS, Android, Web, macOS y Windows en todos los tamaños requeridos. Descarga como ZIP.

📱
Haz clic para subir imagen, o arrastra y suelta
Compatible con PNG, JPEG, WebP, SVG. Imágenes cuadradas funcionan mejor.
🐛

Reportar un problema

¿Encontraste un error o tienes una sugerencia? Ayúdanos a mejorar esta herramienta.

📊 Resumen de datos (autocompletado)

Herramienta: app-icon-generator · /tools/app-icon-generator/

appName: My App

platforms: ios,android,web,macos,windows

¿Qué es esta herramienta?

El Generador de Iconos de App crea iconos de aplicación específicos de cada plataforma en todos los tamaños requeridos a partir de una sola imagen de origen. Genera iconos para iOS (29 a 180 px), Android (36 a 512 px), Web/PWA (16 a 512 px), macOS (16 a 1024 px) y Windows (44 a 500 px). Descarga todos los iconos organizados por plataforma como un paquete ZIP listo para desplegar, con manifest.json y Contents.json.

Cómo usar

  1. 1

    Subir imagen

    Sube una imagen cuadrada de alta resolución (PNG, JPEG, WebP o SVG). Recomendado: 1024x1024 o mayor.

  2. 2

    Seleccionar plataformas

    Elige para qué plataformas generar iconos. Selecciona iOS, Android, Web/PWA, macOS y/o Windows.

  3. 3

    Vista previa de tamaños

    Previsualiza todos los tamaños de icono generados para cada plataforma. Comprueba que el diseño se ve bien en tamaños pequeños.

  4. 4

    Descargar ZIP

    Descarga un ZIP con todos los iconos organizados por carpeta de plataforma, incluido manifest.json para PWA y Contents.json para iOS.

Preguntas frecuentes

¿Qué tamaño de imagen debo usar para los iconos de la app?

Empieza con una imagen cuadrada de alta resolución de al menos 1024x1024 píxeles. Es el mayor tamaño que se necesita (macOS y la Play Store de Android). El generador la reducirá automáticamente a todos los tamaños requeridos. Usa el formato PNG para la mejor calidad y evita imágenes con texto o detalles finos, que pueden volverse borrosos al reducirlas.

¿Puedo personalizar las esquinas del icono (redondeadas)?

La mayoría de las plataformas aplican automáticamente esquinas redondeadas a los iconos al mostrarlos. iOS y Android redondean las esquinas de sus iconos de launcher. Los iconos generados aquí son PNG cuadrados: el sistema operativo se encarga del redondeado. Para una personalización avanzada (esquinas redondeadas, sombras), usa herramientas de diseño como Figma o Photoshop.

¿Qué es manifest.json?

El Web App Manifest (manifest.json) es un archivo JSON que indica a los navegadores cómo debe comportarse tu Progressive Web App (PWA) al instalarse. Especifica iconos, modo de visualización, nombre y color de tema. Colócalo en la raíz de tu sitio web y referéndolo en el head de tu HTML mediante una etiqueta link con el atributo rel=manifest.

¿Necesito todos los tamaños de icono para la App Store?

Para App Store Connect normalmente necesitas un único icono de marketing de 1024x1024. Para el bundle de tu app necesitas varios tamaños (29, 58, 87, 120, 152, 167, 180) organizados en un catálogo de recursos AppIcon. Este generador crea todos estos tamaños, lo que facilita preparar tu catálogo de recursos de iOS.

¿Puedo generar iconos con color de fondo?

El generador devuelve exactamente la imagen que subes, escalada a cada tamaño. Si tu imagen tiene un fondo transparente, los iconos serán transparentes. Para añadir un color de fondo, edita tu imagen de origen en una herramienta de diseño antes de subirla. Se recomienda un fondo de color sólido para una mejor visibilidad en todas las plataformas.