Una imagen, todos los iconos que necesita tu app
Cada tienda y sistema operativo exige su propia pila de tamaños: quince solo para iOS, once para Android, una docena para la web. Este generador los renderiza todos a partir de una sola imagen de 1024×1024 con reducción de alta calidad, nombra los archivos como esperan Xcode, Android Studio y los manifiestos web, y los empaqueta en un zip. Como funciona por completo en tu navegador, tu diseño nunca se sube.
Cómo usarlo
- Exporta tu icono como PNG o SVG cuadrado, idealmente de 1024×1024 y sin esquinas redondeadas: el sistema aplica la máscara.
- Arrástralo y marca las plataformas para las que publicas. Los iconos de iOS y watchOS no pueden ser transparentes, así que se aplica un fondo automáticamente.
- Elige un fondo entre los predefinidos o la paleta Material, y añade margen si tu diseño toca los bordes.
- Pulsa descargar. El zip está organizado por plataforma con los nombres de archivo exactos que espera cada herramienta.
Qué tamaños se incluyen
iOS/iPadOS: App Store 1024, iPhone e iPad @2x/@3x, Spotlight, Ajustes y Notificaciones. Android: Play Store 512, capas adaptativas (mdpi–xxxhdpi) y lanzadores heredados. macOS: de 16 a 1024 en @1x y @2x. watchOS: App Store, Short Look, Inicio y Notificaciones. Web/PWA: 512 y 192 (estándar y maskable), Apple Touch 180, MS Tile 144, Chrome 128/96 y favicons 48/32/16.
Consejos para iconos que se ven bien en todos los tamaños
- Diseña a 1024 px pero revisa la vista previa de 29 px: los detalles finos y la tipografía delgada desaparecen.
- Mantén lo importante dentro del círculo discontinuo: los iconos PWA maskable y los adaptativos de Android recortan a esa zona segura.
- Elige un fondo con buen contraste con tu logo; prueba combinaciones en el verificador de contraste.
- Evita el blanco puro de borde a borde: en iOS se funde con fondos claros. Un tono de tu paleta se lee mejor.