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.
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.
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.
Esa es la trampa: una sola imagen ya no basta. Necesitas un .ico multitamaño 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 ser instalable.
Este generador construye el conjunto completo a partir de una sola imagen, incluido un .ico multitamaño real, y te da el fragmento HTML exacto para insertar en el head de tu página, así no tienes que ensamblar ni escribir nada a mano.
Para el mejor resultado, sube una imagen cuadrada de al menos 512 px, idealmente un logo o marca sencillo en lugar de una foto detallada, ya que el icono a menudo se muestra 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. El nombre del sitio va en el web manifest que se usa cuando alguien añade el sitio a su pantalla de inicio.
Todo se ejecuta localmente en tu navegador con la API Canvas, así que tu imagen nunca se sube. Descargas un ZIP con todos los archivos y el fragmento para pegar.
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.
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.