Acerca de esta herramienta
El generador convierte un logotipo o diseño en PNG cuadrados para la pantalla de inicio de Apple, densidades habituales de Android, PWA e iconos generales de gran tamaño.
Cómo usarla
- Selecciona o arrastra una imagen PNG, JPG/JPEG o WebP sin animación. Se recomiendan al menos 512×512 píxeles; mejor aún, 1024×1024 o más.
- Elige ajustar la imagen completa o recortar el centro, y configura el fondo y el margen por lado.
- Marca los tamaños necesarios para cada destino y genera el paquete de iconos.
- Comprueba las dimensiones reales, descarga cada PNG o todo el ZIP y copia las referencias de Apple y PWA que necesites.
Formatos compatibles
- Compatible con PNG, JPG/JPEG y WebP sin animación. Selecciona o arrastra una imagen cada vez.
- Hasta 100 MiB y 40 millones de píxeles, con un máximo de 16384 píxeles por lado. Las imágenes grandes consumen más memoria; elige un tamaño adecuado para tu dispositivo.
Interpretar los resultados
- Apple ofrece 180×180 por defecto; PWA incluye 192×192 y 512×512.
- Android ofrece 48, 72, 96, 144 y 192 píxeles en las carpetas mdpi, hdpi, xhdpi, xxhdpi y xxxhdpi, respectivamente.
- Los iconos generales incluyen 256×256, 512×512 y 1024×1024. Puedes elegir cada destino por separado; un mismo tamaño puede tener rutas diferentes según su uso.
- El ZIP usa app-icons como carpeta raíz y contiene apple, android, pwa y generic, solo con los PNG seleccionados y generados.
Fondo y uso de los iconos
- Ajustar conserva la imagen completa y su proporción; recortar conserva el cuadrado central. Ambos modos admiten un margen de 0 % a 30 % por lado.
- Los iconos de Apple usan un fondo opaco. Si eliges transparencia, Apple tendrá fondo blanco; Android, PWA y los iconos generales pueden conservarla.
- Los archivos son cuadrados, sin redondear las esquinas. Cada plataforma puede aplicar sus propias formas y reglas de visualización; comprueba el resultado en su destino.
- Se generan recursos PNG convencionales, sin capas separadas, XML ni proyectos completos para Android Adaptive Icon. Para un favicon.ico de sitio web, utiliza el generador de favicons de abajo.
- Los fragmentos HTML de Apple y Manifest de PWA solo hacen referencia a archivos generados, con rutas correspondientes a app-icons dentro del ZIP. Coloca los archivos en esas rutas o ajústalas a su ubicación real.
- Puedes generar iconos grandes a partir de imágenes pequeñas, pero ampliarlas no añade detalle. Revisa el resultado y decide si necesitas un original más nítido.
Privacidad
Las imágenes se procesan únicamente en tu navegador y no se suben a ningún servidor.
La herramienta no guarda automáticamente los archivos ni los resultados. Copia o descarga lo que quieras conservar antes de borrar o salir, y guarda la imagen original.
Preguntas frecuentes
¿Qué diferencia hay entre el generador de iconos y el de favicons?
Esta herramienta crea paquetes PNG para Apple, Android, PWA y uso general. El generador de favicons se centra en ICO y PNG pequeños para pestañas y marcadores; puedes abrirlo desde el enlace inferior.
¿Por qué Apple y Android necesitan tamaños distintos?
Las plataformas, ubicaciones de visualización y densidades de pantalla usan tamaños diferentes. Aquí se agrupan por uso habitual para facilitar la elección de los PNG necesarios.
¿Para qué sirven 512×512 y 1024×1024?
512×512 es habitual en PWA y también sirve como icono general grande. 1024×1024 ofrece un recurso general de alta resolución. Comprueba siempre los requisitos de la plataforma donde vayas a publicarlo.
¿Se generan Android Adaptive Icons?
No. Se generan PNG cuadrados convencionales ya compuestos. Adaptive Icon necesita primer plano, fondo y recursos separados; un único PNG no sustituye esa estructura.
¿Se suben los iconos a un servidor?
No. La lectura, el escalado, la generación PNG y el empaquetado ZIP se realizan en el navegador, sin enviar los archivos a otros servicios antes de descargarlos.