Generador de favicons
Sube cualquier imagen para generar al instante un archivo «favicon.ico» con varios tamaños, además de iconos en formato PNG para Apple Touch y Android/PWA.
Tu imagen
Arrastra y suelta una imagen aquí
o busca entre tus archivos: PNG, JPG o WEBP
Tamaños de los iconos
Elige qué tamaños quieres generar: «favicon.ico» siempre incluye 16/32/48 píxeles.
Opiniones
Todo lo que necesitas saber sobre el generador de favicons
Qué tamaños necesitas realmente, cómo funciona el formato .ico y cómo añadir los iconos a tu página web.
- 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 de forma local en tu navegador; tu imagen nunca se sube a ningún servidor.
- Empieza con una imagen cuadrada de al menos 512×512 píxeles para obtener los mejores resultados en cualquier tamaño.
Cómo utilizar el generador de favicons
- Arrastra y suelta un archivo de imagen o selecciona uno; lo ideal es que sea una imagen cuadrada de al menos 512×512 píxeles.
- Selecciona los tamaños de icono que necesites: el archivo «favicon.ico», además de los archivos PNG para Apple Touch y Android/PWA.
- Descarga directamente el archivo «favicon.ico» o descarga todos los tamaños de PNG seleccionados juntos en un archivo ZIP.
¿Por qué crear un favicon?
Un favicon es el pequeño icono que muestran los navegadores en las pestañas, los marcadores y el historial; además, esa misma imagen subyacente se utiliza ahora para los iconos de la pantalla de inicio de los teléfonos y las instalaciones de PWA similares a aplicaciones. Para obtener manualmente todos los tamaños necesarios, hay que exportar la misma imagen una y otra vez con diferentes dimensiones en píxeles y, a continuación, agrupar algunas de ellas en un único archivo .ico.
Esta herramienta lo hace de una sola vez: basta con subir una imagen una vez y genera todos los tamaños habituales, además de un archivo favicon.ico correctamente empaquetado, directamente en tu navegador.
¿Qué tallas necesitas realmente?
| Tamaño | Se utiliza para | Por qué merece la pena echarle un vistazo |
|---|---|---|
| 16/32/48 píxeles (.ico) Imprescindible | Pestañas del navegador, marcadores, accesos directos en el escritorio | El favicon clásico: todos los navegadores lo esperan. |
| 180 × 180 píxeles | iOS «Añadir a la pantalla de inicio» | Los dispositivos de Apple buscan este tamaño y nombre de archivo concretos. |
| 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 icono de instalación nítido. |
Generador de favicons sin necesidad de subir tu archivo
JavaScript lee tu imagen directamente en el navegador mediante la API de Canvas: se redimensiona, se vuelve a dibujar y se empaqueta en los archivos .ico y .zip íntegramente en tu dispositivo. Nunca se transmite a un servidor, ni se registra, ni se almacena.
Como no se sube nada, no hay ningún límite de tamaño de archivo por parte del servidor; el único límite práctico es el tamaño máximo de imagen que tu navegador puede 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 en el dispositivo del usuario, 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 frente a PNG: ¿cuál necesitas realmente?
| Formato | Ideal para | Compensación |
|---|---|---|
| favicon.ico: Inclúyelo siempre | Pestañas y marcadores del navegador | Reúne varios tamaños en un solo archivo, pero no se utiliza para los iconos 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 web necesitan ambas cosas: 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 iconos de la pantalla de inicio.
Para qué utiliza la gente el generador de favicons
- Nuevas páginas web: Creación de un conjunto completo de favicones e iconos táctiles a partir de un logotipo.
- Actualización de la imagen de marca: sustitución del antiguo favicon en todos los lugares donde aparece.
- PWAs & web appsGenerating the icon sizes a web app manifest requires.
- Generadores de sitios web estáticos: Creación de recursos de iconos para colocarlos directamente en la carpeta pública de un proyecto.
- Trabajo para un cliente: Entrega rápida de un conjunto completo de iconos sin necesidad de utilizar software de diseño.
Cómo funciona esta herramienta
Tu imagen se redimensiona en un lienzo HTML para cada resolución seleccionada y, a continuación, 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 ello 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 ha resultado ú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 API.
Contador de palabras
Recuento en tiempo real de palabras, caracteres, frases 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 porcentajes.
De imagen a PDF
Combina las imágenes en un único archivo PDF descargable.
Formateador JSON
Formatea, minimiza y valida JSON con indicaciones de errores.
Generador de contraseñas
Contraseñas aleatorias seguras con reglas personalizadas.