Generador de favicons
Sube cualquier imagen para generar al instante un archivo favicon.ico con varios tamaños, además de íconos en formato PNG para dispositivos táctiles de Apple y Android/PWA.
Tu imagen
Arrastra y suelta una imagen aquí
o busca entre tus archivos: PNG, JPG o WEBP
Tamaños de los íconos
Elige qué tamaños quieres generar: el archivo favicon.ico siempre incluye los tamaños de 16, 32 y 48 píxeles.
Reseñas
Todo lo que necesitas saber sobre el generador de favicons
Qué tamaños necesitas realmente, cómo funciona el formato .ico y cómo agregar los íconos a tu sitio.
- Sube una imagen cuadrada y obtén al instante un archivo favicon.ico, además de archivos PNG para Apple y Android.
- Todo se ejecuta localmente en tu navegador; tu imagen nunca se sube a ningún servidor.
- Comienza con una imagen cuadrada de al menos 512×512 píxeles para obtener los resultados más nítidos en cualquier tamaño.
Cómo usar el generador de favicons
- Arrastra y suelta o selecciona un archivo de imagen; lo ideal es que sea una imagen cuadrada de al menos 512×512 píxeles.
- Selecciona los tamaños de íconos que necesites: el archivo favicon.ico, además de los archivos PNG para Apple Touch y Android/PWA.
- Descarga el archivo favicon.ico directamente o descarga todos los tamaños PNG seleccionados juntos en un archivo ZIP.
¿Por qué crear un favicon?
Un favicon es el pequeño ícono que los navegadores muestran en las pestañas, los marcadores y el historial; además, esa misma imagen subyacente ahora se utiliza para los íconos de la pantalla de inicio en los teléfonos y en las instalaciones de PWA (aplicaciones web progresivas) similares a las apps. Obtener manualmente todos los tamaños necesarios implica exportar la misma imagen una y otra vez con diferentes dimensiones en píxeles, para luego empaquetar algunas de ellas en un solo archivo .ico.
Esta herramienta lo hace de una sola vez: sube una imagen una sola vez y genera todos los tamaños comunes, además de un archivo favicon.ico correctamente empaquetado, directamente en tu navegador.
¿Qué tallas necesitas realmente?
| Tamaño | Se utiliza para | Por qué vale la pena echarle un vistazo |
|---|---|---|
| 16/32/48 px (.ico) Esencial | Pestañas del navegador, marcadores, accesos directos en el escritorio | El favicon clásico: todos los navegadores lo esperan. |
| 180 × 180 píxeles | iOS «Agregar a la pantalla de inicio» | Los dispositivos de Apple buscan este tamaño y nombre de archivo específicos. |
| 192×192 y 512×512 píxeles | Pantalla de inicio de Android, mensajes de instalación de PWA | Es un requisito de la mayoría de los manifiestos de aplicaciones web para obtener un ícono de instalación nítido. |
Generador de favicons sin necesidad de subir tu archivo
JavaScript lee tu imagen directamente en tu navegador mediante la API de Canvas: se redimensiona, se vuelve a dibujar y se empaqueta en archivos .ico y .zip, todo ello en tu dispositivo. Nunca se transmite a un servidor, ni se registra, ni se almacena.
Como no se sube nada, no hay un límite de tamaño de archivo del lado del servidor; el único límite práctico es el tamaño máximo de una imagen que tu navegador pueda cargar cómodamente en la memoria.
Tu imagen nunca sale de tu dispositivo. El cambio de tamaño y la compresión se realizan íntegramente del lado del cliente, sin que se registre ni se almacene nada.
¿Necesitas cambiar primero el tamaño de la imagen original? La herramienta Image Resizer puede ayudarte a prepararla de antemano.
.ico vs. PNG: ¿cuál necesitas realmente?
| Formato | Ideal para | Compensación |
|---|---|---|
| favicon.ico Siempre incluye esto | Pestañas y marcadores del navegador | Reúne varios tamaños en un solo archivo, pero no se utiliza para los íconos de la pantalla de inicio. |
| Iconos PNG (180/192/512 píxeles) | Iconos de la pantalla de inicio y de instalación de PWA | Se necesita por separado para Apple y Android; un archivo .ico por sí solo no es suficiente para estos sistemas. |
La mayoría de los sitios necesitan ambos: el archivo .ico para la pestaña del navegador y el conjunto de archivos PNG al que se hace referencia en las etiquetas HTML `<link>` y en el manifiesto de la aplicación web para los íconos de la pantalla de inicio.
Para qué se usa el Generador de favicons
- Sitios web nuevos: Cómo crear un conjunto completo de favicones e íconos táctiles a partir de un logotipo.
- Actualización de la imagen de marca: Reemplazar el antiguo favicon en todos los lugares donde aparezca.
- PWAs & web appsGenerating the icon sizes a web app manifest requires.
- Generadores de sitios estáticos: Creación de recursos de íconos para insertarlos directamente en la carpeta pública de un proyecto.
- Trabajo para un cliente: Entrega rápida de un conjunto completo de íconos sin usar software de diseño.
Cómo funciona esta herramienta
Tu imagen se redimensiona en un lienzo HTML en cada resolución seleccionada; luego se empaqueta en un contenedor .ico que cumple con los estándares (con fotogramas PNG incrustados) y, opcionalmente, en un archivo .zip con los archivos PNG individuales; todo esto se genera en tiempo real en tu navegador mediante JavaScript, sin que se suba, almacene ni registre nada.
Última actualización: 14 de septiembre de 2026.
¿Te resultó útil esta guía?
Más herramientas en la caja
En la página de inicio hay otras catorce herramientas gratuitas que no requieren clave de API.
Contador de palabras
Recuento en tiempo real de palabras, caracteres, oraciones y párrafos.
Cambiador de tamaño de imágenes
Cambia el tamaño de imágenes JPG, PNG y WEBP por píxeles o por ciento.
Imagen a PDF
Combina las imágenes en un solo archivo PDF descargable.
Formateador de JSON
Embellece, minimiza y valida JSON con indicaciones de errores.
Generador de contraseñas
Contraseñas aleatorias seguras con reglas personalizadas.