Generador de Favicons

Crea tu favicon en segundos

Sube una imagen, escribe iniciales o elige un emoji — obtén un paquete de favicon completo al instante, directamente en tu navegador.

Haz clic para subir o arrastra y suelta

PNG, JPG o SVG — se recorta automáticamente en cuadrado

Vista previa en vivo

Sube una imagen, escribe iniciales o elige un emoji para ver una vista previa en vivo

Compartir

Sobre el Generador de Favicons

Esta herramienta gratuita crea un paquete de favicon completo directamente en tu navegador, sin subir nada a un servidor ni necesitar una cuenta. Parte de tu propio logo, de unas iniciales rápidas o de un emoji divertido, y descarga un conjunto de iconos listo para usar junto con los fragmentos de HTML y manifest que tu sitio necesita.

Características:

  • Genera favicon.ico además de PNGs en 16×16, 32×32, 180×180, 192×192 y 512×512
  • Tres formas de empezar: sube una imagen, escribe hasta 3 iniciales o usa un emoji
  • Vista previa en tiempo real al tamaño real del favicon y una simulación de pestaña del navegador
  • Incluye un site.webmanifest listo y un fragmento de HTML para copiar y pegar

Cómo crear un favicon

  1. Elige una fuente: sube una imagen, escribe iniciales o elige un emoji
  2. Personaliza los colores y la forma (para texto) o revisa el recorte (para imágenes)
  3. Revisa la vista previa en vivo a 16px, 32px y 48px, además de la simulación de pestaña
  4. Haz clic en Generar y descarga el paquete completo de favicon en un ZIP

Preguntas frecuentes

¿Qué archivos obtengo del generador de favicons?

Un ZIP con favicon.ico (que incluye los tamaños de 16, 32 y 48px), los archivos favicon-16x16.png y favicon-32x32.png por separado, un apple-touch-icon.png de 180×180, iconos android-chrome de 192×192 y 512×512, un site.webmanifest, y un fragmento de HTML con todas las etiquetas que necesitas pegar en tu <head>.

¿Puedo crear un favicon a partir de texto o iniciales?

Sí. Ve a la pestaña Texto, escribe hasta tres caracteres y elige un color de texto, un color de fondo y una forma (redondeada, cuadrada o circular). El tamaño de la fuente se ajusta automáticamente a tus iniciales.

¿Puedo usar un emoji como favicon?

Sí. Ve a la pestaña Emoji, pega cualquier emoji o elige uno de la lista rápida, y la herramienta lo dibuja grande y centrado en cada tamaño de favicon.

¿Sigo necesitando un archivo .ico en 2026 o bastan los PNG?

Los navegadores modernos aceptan favicons en PNG sin problema, pero favicon.ico sigue siendo el nombre de archivo más reconocido universalmente: algunos navegadores, lectores RSS y herramientas antiguas todavía lo buscan por defecto en la raíz del sitio. Este generador te da ambos, así que estás cubierto en cualquier caso.

¿Se sube mi imagen a un servidor?

No. Todo —el recorte, la generación de cada tamaño, la creación del archivo .ico y el empaquetado del ZIP— ocurre localmente en tu navegador usando la API de Canvas. Tu imagen nunca sale de tu dispositivo.

¿Qué tamaños necesita realmente mi sitio y por qué?

16×16 y 32×32 cubren las pestañas del navegador y los marcadores, 180×180 es para los iconos táctiles de Apple en las pantallas de inicio de iOS, y 192×192 junto con 512×512 los usan Android y los manifests de PWA para iconos de pantalla de inicio y splash screens. Incluir todos evita iconos borrosos o ausentes en cualquier dispositivo.

Tu privacidad

Todo el recorte de imágenes, la generación y el empaquetado de archivos ocurre localmente en tu navegador. Nada de lo que subas o escribas se envía jamás a un servidor.

Estándares y Referencias

Última actualización: 2026-07-22