Convierte cualquier imagen en un conjunto completo de favicons: el .ico, los tamaños PNG, el Apple touch icon y un web manifest, generados en tu navegador.
Los archivos se procesan en tu navegador y nunca se suben.
Cómo usar Generador de favicons
Sube una imagen cuadrada. Un logotipo o icono sencillo funciona mejor, y se procesa en tu navegador.
Si lo deseas, elige un fondo e introduce el nombre de tu sitio para el web manifest.
Descarga el ZIP y pega el fragmento HTML en el head de tu página.
Preguntas frecuentes
Un favicon.ico con 16, 32 y 48 px, PNG separados de 16 y 32 px, un Apple touch icon de 180 px, PNG de 192 y 512 px para Android, un site.webmanifest y un fragmento de HTML para pegar en el head de tu página.
Una imagen cuadrada de al menos 512 px funciona mejor, idealmente un logo o una marca sencilla. Una imagen no cuadrada se centra y se rellena hasta formar un cuadrado, así que el detalle cercano a los bordes puede acabar dentro de los márgenes.
No. Los iconos se generan en tu navegador con la Canvas API, así que tu imagen nunca sale de tu dispositivo.
Distintos lugares muestran el icono en distintos tamaños: diminuto en una pestaña del navegador, más grande en la pantalla de inicio de un móvil. Proporcionar varios tamaños hace que cada contexto use un icono nítido y bien escalado.
El site.webmanifest indica a los móviles los iconos y el nombre que deben usar cuando alguien añade tu sitio a su pantalla de inicio, para que se comporte como una aplicación instalada.
Un favicon es el pequeño icono que se muestra en las pestañas del navegador, en los marcadores y en las pantallas de inicio de los móviles. Es un pequeño detalle que hace que un sitio parezca terminado y reconocible, y los navegadores modernos esperan varias versiones de él.
Ese es el truco: una sola imagen ya no basta. Necesitas un .ico de varios tamaños para los navegadores clásicos, tamaños PNG separados, un Apple touch icon para las pantallas de inicio de iOS, PNG más grandes para Android y un web manifest si el sitio debe poder instalarse.
Este generador crea el conjunto completo a partir de una sola imagen, incluido un .ico real de varios tamaños, y te da el fragmento de HTML exacto para colocar en el head de tu página, así que no tienes que montar ni escribir nada a mano.
Para el mejor resultado, sube una imagen cuadrada de al menos 512 px, idealmente un logo o una marca sencilla en lugar de una foto detallada, ya que el icono suele mostrarse muy pequeño. Una imagen no cuadrada se centra y se rellena hasta formar un cuadrado, así que el detalle cercano a los bordes puede acabar en los márgenes.
Opcionalmente puedes establecer un color de fondo y el nombre de tu sitio, que se incluye en el web manifest usado cuando alguien añade el sitio a su pantalla de inicio.
Todo se ejecuta localmente en tu navegador con la Canvas API, así que tu imagen nunca se sube; descargas un ZIP con todos los archivos y el fragmento para pegar.
Insertar esta herramienta
Añade esta herramienta a tu propio sitio web. Copia el fragmento de abajo. Se mantiene actualizado automáticamente.
<iframe src="https://monu.tools/embed/es/favicon-generator" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Herramientas relacionadas
Genera hashes SHA-1, SHA-256, SHA-384 y SHA-512 de cualquier texto, directamente en tu navegador.
Convierte colores entre HEX, RGB y HSL con vista previa en directo.
Convierte marcas de tiempo Unix a fechas legibles y al revés: UTC, local, ISO 8601 y tiempo relativo. Segundos y milisegundos se detectan automáticamente.
Codifica y decodifica URLs y componentes de URL con codificación porcentual, seguro con UTF-8.