Redimensionador de iconos de app gratuito para iOS, Android y web
Sube un icono cuadrado, ajusta el margen y el fondo, y descarga paquetes listos para iOS, Android, macOS, watchOS, Windows, Chrome y PWA. Tu imagen nunca sale del navegador.
Click or drag image to upload
Supports PNG, JPG, WebP, SVG (Recommended 1024×1024)
Prevents the icon glyph from touching platform circular or rounded cutouts.
Upload an icon to preview platform mockups
Supported Platform Deliverables
18 icons + Contents.json
mipmap-*, round & Play Store
10 icons + Contents.json
17 watch screen sizes
favicon.ico, apple-touch, PWA
16~128 + Manifest V3
Apple modern .icon bundle
app.ico & VisualAssets
Cómo redimensionar un icono de app en 3 pasos
De una imagen maestra a todos los tamaños listos para la tienda, sin herramientas de diseño ni subidas.
- 1
Sube tu icono maestro
Arrastra un PNG, JPG, WebP o SVG. Un maestro de 1024x1024 da el resultado más nítido en cada tamaño de salida.
- 2
Ajusta margen y fondo
Añade un margen de zona segura para que las máscaras no recorten tu figura, y rellena la transparencia con un color de fondo para tiendas que exigen iconos opacos.
- 3
Elige plataformas y descarga
Marca iOS, Android, web o los ocho destinos, y descarga un ZIP con carpetas bien nombradas, archivos Contents.json y fragmentos de manifest.
Tamaños de icono de app para iOS, Android y web
Las revisiones de las tiendas se apoyan en números duros antes de que alguien vea tu diseño. Esto es lo que espera cada destino y lo que este redimensionador genera desde un maestro.
| Destino | Tamaños que entregas | Reglas de formato |
|---|---|---|
| App Store (iOS) | maestro de 1024x1024 px | PNG, sin alfa, esquinas rectas |
| Pantalla de inicio de iPhone y iPad | 18 archivos de 20x20 a 1024x1024 | Xcode deriva todos los tamaños desde Xcode 14 |
| Icono de launcher de Android | mipmap de 48, 72, 96, 144 y 192 px | Un PNG por densidad más variantes redondas |
| Icono adaptativo de Android | lienzo de 108x108 dp, zona segura de 66 dp | Capas de frente y fondo; la máscara varía por dispositivo |
| Ficha de Google Play | 512x512 px | PNG de 32 bits, sin alfa, máximo 1 MB |
| Favicon web | 16, 32 y 48 px en un solo .ico | Más PNG individuales de respaldo |
| Marcador web de iOS | apple-touch-icon de 180x180 px | PNG opaco; iOS añade la máscara de esquinas |
| Manifest de PWA | 192x192 y 512x512 px | PNG; se recomiendan variantes maskable |
| Extensión de Chrome | 16, 32, 48 y 128 px | PNG listados en Manifest V3 |
| macOS y watchOS | 10 y 17 archivos por set | Carpetas AppIcon.appiconset con Contents.json |
Los tamaños siguen la documentación para desarrolladores de Apple y Google de 2026. La salida del redimensionador coincide con esta tabla.
Cómo cada plataforma trata tu icono
Redimensionar es solo la mitad del trabajo. Cada plataforma enmascara, escala o superpone tu gráfico de forma distinta, y esa diferencia explica la mayoría de subidas rechazadas.
iOS y iPadOS.Desde Xcode 14, Apple pide un único maestro de 1024x1024 sin transparencia y sin esquinas redondeadas. Xcode genera los 18 archivos del appiconset, y el sistema aplica la máscara al mostrarse, así que el arte se mantiene cuadrado.
Android.Desde Android 8, el icono del launcher se dibuja desde un icono adaptativo: una capa de fondo y una de frente sobre un lienzo de 108x108 dp. Las máscaras van del círculo al squircle y al cuadrado redondeado, y pueden cortar lo que queda fuera del círculo central de 66 dp. Por eso el margen decide si tu logotipo sobrevive.
Web y PWA.Una app web necesita favicons para las pestañas, un apple-touch-icon de 180x180 para marcadores de iOS e iconos de manifest de 192x192 y 512x512 para el aviso de instalación. El paquete incluye el site.webmanifest y el fragmento exacto para el head de HTML.
Frameworks multiplataforma.El ZIP sigue la estructura estándar android/res/mipmap-*, los archivos de Android se copian directo a un proyecto Flutter o React Native, y el maestro de 1024x1024 sirve como única fuente para flutter_launcher_icons.
Mantén tu icono de app dentro de la zona segura
La mayoría de los problemas al redimensionar vienen de un gráfico que llena todo el lienzo. Cuatro reglas mantienen la figura a salvo en cualquier tamaño.
Margen a la figura, no al lienzo
En iOS mantén el logotipo dentro del 80% central aproximado; en iconos adaptativos, dentro del círculo de 66 dp. El control de margen previsualiza la reserva en vivo.
Nunca redondees las esquinas antes
iOS, Android y Google Play aplican su propia máscara al mostrar el icono. Un arte ya redondeado deja huecos del color de fondo en las esquinas.
Rellena la transparencia antes de exportar
App Store y Google Play rechazan iconos con canal alfa. Rellena las zonas transparentes con un color de fondo sólido.
Comprueba la figura a 48 px
Los launchers y favicons se ven a 48 px o menos. Si ahí no se lee, simplifícala antes de redimensionar.
Redimensiona tu icono de app ahora
Cada tamaño de la tabla de arriba sale de una sola subida, con carpetas y manifests listos para soltar en tu proyecto.
Tres formas de redimensionar un icono de app
Un redimensionador en el navegador, un redimensionador online típico y la exportación manual en herramientas de diseño resuelven el mismo trabajo con costes distintos.
| Este redimensionador en el navegador | Redimensionador online típico | Exportación en herramienta de diseño | |
|---|---|---|---|
| Plataformas por descarga | 8 destinos incluidos watchOS, Windows, Chrome | en su mayoría iOS y Android | un tamaño por exportación |
| Tu gráfico | se queda en el navegador | suele subirse a un servidor | se queda en tu equipo |
| Margen y zona segura | control deslizante con vista previa de máscara | básico o inexistente | guías manuales |
| Estructura de salida | carpetas, Contents.json, manifest, fragmento HTML | ZIP de PNG sueltos | exportaciones sueltas |
| Codificación de favicon .ico | .ico multirresolución integrado | a veces disponible | requiere plugin o script |
| Vista previa de formas adaptativas | círculo, squircle, lágrima, cuadrado redondeado | casi nunca | no disponible |
| Coste | gratis | gratis con límites | licencia o suscripción |
Comparación basada en funciones publicadas de redimensionadores online y herramientas de diseño habituales, a 2026.
Qué entrega el redimensionador de iconos de app
Cada paquete de plataforma se genera desde tu maestro con margen y fondo ajustados, con los nombres de archivo y la estructura de carpetas que cada plataforma espera.
Set de iOS y iPadOS
18 archivos appiconset de 20x20 a 1024x1024 con su Contents.json listo para Xcode.
Paquete mipmap y adaptativo de Android
Cinco carpetas de densidad con iconos redondos, XML de icono adaptativo y el icono de 512x512 para Play Store.
Paquete web, PWA y favicon
Un favicon.ico multirresolución, el apple-touch-icon de 180x180, iconos de manifest de 192 y 512, y el fragmento para el head.
Sets de macOS, watchOS y Windows
Carpetas AppIcon.appiconset para Mac y Apple Watch, un app.ico de Windows y recursos de tile MSIX.
Iconos de extensión de Chrome
PNG de 16, 32, 48 y 128 px con fragmento de Manifest V3, listos para la carpeta de la extensión.
Enviar al espacio de trabajo
Los usuarios con sesión iniciada pueden enviar el icono redimensionado directo al lienzo de un proyecto de SparkIconAI.
De un maestro a un set completo de iconos
El redimensionador remata el trabajo. Estas herramientas lo empiezan o lo amplían.
Genera el maestro de 1024 con IA
Describe el icono en una frase, elige un estilo y exporta el maestro que esta herramienta redimensiona.
Generador de iconos de sitio
Crea favicons e iconos PWA para todo el proyecto web a juego con tu app.
Guía de tamaños de icono de app
La guía de diseño completa que hay detrás de los números de la tabla.
Explora estilos de iconos
Flat, 3D, clay y cristal para cambiar el estilo del maestro antes de redimensionar.
Preguntas frecuentes sobre el redimensionador de iconos de app
Preguntas habituales sobre tamaños, formatos y subidas rechazadas.
¿Qué tamaño debe tener un icono de app?
Entrega un PNG de 1024x1024 px para el App Store y un PNG de 512x512 px para Google Play. Todos los demás tamaños, desde el icono de ajustes de 20x20 en iOS hasta el launcher xxxhdpi de 192x192 en Android, los deriva Xcode, Android Studio o este redimensionador a partir del maestro.
¿Cómo redimensiono iconos de app para iPhone?
Sube tu maestro de 1024x1024 al redimensionador, deja un margen pequeño alrededor de la figura y descarga el paquete de iOS. Incluye los 18 archivos appiconset más el Contents.json que Xcode espera, así que la carpeta va directa a Assets.xcassets. Desde Xcode 14, App Store Connect solo pide un único icono de 1024x1024.
¿Cómo hago más grandes los iconos en la pantalla de inicio?
Ese ajuste está en el teléfono, no en el gráfico. En iOS 18 o posterior, mantén pulsado un hueco de la pantalla de inicio, toca Editar y luego Personalizar, y cambia entre pequeño, mediano y grande. En Android depende del launcher: mantén pulsado el fondo y busca el tamaño de iconos en los ajustes de la pantalla de inicio. Esta página trata del gráfico que los desarrolladores entregan a las tiendas.
¿Por qué mi icono de app se ve recortado en Android?
Desde Android 8, el sistema enmascara cada icono de launcher desde un lienzo adaptativo de 108x108 dp, y la forma varía por dispositivo: círculo, squircle, lágrima o cuadrado redondeado. Lo que queda fuera del círculo central de 66 dp se corta en algunos equipos. Añade margen hasta que la figura quede dentro del círculo; para eso están el control de margen y la vista previa de formas.
¿El icono de iOS admite fondo transparente?
No. App Store Connect exige que todos los píxeles sean opacos, y un canal alfa provoca errores de subida. Si tu icono de origen tiene transparencia, elige un color de fondo sólido en el redimensionador antes de exportar; los PNG rellenos pasarán la validación.
¿Debo redondear las esquinas de mi icono?
No. iOS, Google Play y los launchers de Android aplican sus propias máscaras al mostrar el icono, y la máscara cambia según el dispositivo y la versión del sistema. Un arte prerredondeado muestra huecos visibles del color de fondo en las esquinas. Exporta un cuadrado completo y deja el redondeo al sistema.
¿Cómo añado el icono redimensionado a un proyecto de Xcode?
Descomprime la descarga y arrastra la carpeta ios/AppIcon.appiconset a Assets.xcassets en Xcode, reemplazando el set existente. El Contents.json incluido ya lista cada archivo, así que no hay que asignar nada a mano.
¿Puedo usar estos iconos en una app Flutter?
Sí. Las carpetas android/res/mipmap-* del ZIP siguen la estructura de recursos estándar de Android, así que puedes copiarlas directo a la carpeta android de un proyecto Flutter, o pasar el maestro de 1024x1024 a flutter_launcher_icons. En iOS todo pasa por el catálogo de assets de Xcode, como siempre.
¿Aún no tienes el icono maestro?
Genera un icono de app de 1024x1024 a partir de un texto y redimensiona aquí para todas las plataformas.