100% en el navegadorMultimedia y Gráficos

Generador Multiplataforma de Iconos de App y Favicon

Estudio profesional en el navegador para desarrolladores móviles y web. Genera al instante recursos pixel-perfect para Apple iOS, Google Play Android y Progressive Web Apps (PWA) con procesamiento Canvas 100% en el cliente y privacidad absoluta.

Cargando espacio de trabajo...

#Cómo utilizar esta herramienta

1Sube tu logotipo o icono base (PNG, SVG, JPEG o WebP) o utiliza el logotipo de ejemplo interactivo.
2Ajusta el deslizador de margen interior (padding) para que el gráfico quede perfectamente protegido dentro de las zonas seguras de iOS y Android.
3Elige el estilo de fondo: transparente, color corporativo sólido o degradado moderno.
4Previsualiza cómo se verá tu icono con la máscara squircle de Apple, bordes redondeados estándar o la silueta circular de Android.
5Haz clic en "Descargar todos los iconos (ZIP)" para obtener un archivo estructurado con resoluciones para iOS, Android, Web y favicon.ico binario, o descarga tamaños individuales en PNG directamente.

#Fórmula matemática y estándares

Apple y Google imponen especificaciones matemáticas y visuales rigurosas para los iconos de aplicaciones. iOS emplea una superelipse continua (squircle) basada en la curva de Lamé (|x/a|^n + |y/b|^n = 1 con n ≈ 4), evitando cambios bruscos de curvatura en las aristas. Para la entrega en App Store, Apple requiere un PNG cuadrado de 1024×1024 sin recortar ni canal alfa, ya que el sistema operativo aplica dinámicamente la máscara squircle y los sombreados. Por el contrario, los Iconos Adaptativos de Android se estructuran sobre un lienzo de 108×108dp donde el gráfico esencial debe situarse dentro de una zona segura circular central de 66dp de diámetro para tolerar las distintas máscaras de los fabricantes (círculo, cuadrado redondeado, squircle o lágrima).

#Casos extremos y consideraciones técnicas

Rechazo por Transparencia en Apple App Store

App Store Connect rechaza automáticamente iconos de 1024×1024 que contengan canales de transparencia alfa o capas transparentes. Para el envío a producción de iOS, asegúrate de utilizar un fondo sólido o degradado opaco.

Zona Segura en Iconos Adaptativos de Android

Los distintos fabricantes de dispositivos Android (Samsung, Google, Xiaomi) aplican máscaras propietarias sobre los iconos. Mantén el isotipo principal dentro de un margen de relleno del 15% al 20% para evitar recortes accidentales.

Compatibilidad con Archivos Favicon ICO Multirresolución

Los navegadores de escritorio tradicionales y accesos directos de Windows requieren un contenedor binario .ico. Nuestro motor empaqueta fotogramas de 16×16, 32×32 y 48×48 en un único binario nativo sin bibliotecas externas ni dependencias pesadas.

#Preguntas frecuentes

Q:¿Mis imágenes se suben a algún servidor?

No. regula.tools procesa todos los archivos localmente en la memoria del navegador usando HTML5 Canvas y Web Cryptography. Tus gráficos nunca abandonan tu equipo ni se transmiten a servidores de terceros.

Q:¿Por qué Apple exige iconos cuadrados sin esquinas redondeadas?

Apple exige estrictamente entregar imágenes cuadradas de 1024×1024 sin recortar porque iOS, iPadOS y macOS aplican la máscara de superelipse y los efectos de iluminación del sistema de manera dinámica en tiempo de ejecución para ajustarse exactamente a la geometría del hardware.

Q:¿Qué tamaños se requieren para una Progressive Web App (PWA)?

El estándar W3C Web App Manifest recomienda al menos dos resoluciones: 192×192 píxeles para el lanzador de la pantalla de inicio y 512×512 píxeles para pantallas de bienvenida (splash screen) en dispositivos de alta densidad. Asimismo se sugiere configurar "purpose": "maskable" para Android.

Q:¿Puedo descargar resoluciones individuales en lugar del ZIP completo?

Sí. Cada tarjeta de resolución en la cuadrícula de previsualización incluye un botón de descarga directa en un clic para obtener el archivo PNG correspondiente.

¿Tienes comentarios o sugerencias de funciones?

Ayúdanos a mejorar esta herramienta. Comparte sugerencias, reporta casos especiales o solicita nuevas funcionalidades directamente.

Enviar comentarios

#Herramientas relacionadas

Explora herramientas complementarias que se ejecutan en tu dispositivo sin envíos a servidores.