Generador de favicon

Crea un favicon desde cualquier imagen o texto/emoji en segundos. Descarga en varios tamaños — gratis, sin subidas, sin registro.

🖼️

Suelta tu imagen aquí, o selecciona archivo

PNG, JPG, SVG, WebP — las imágenes cuadradas funcionan mejor

Fragmento HTML para tu <head>

<!-- Genera un favicon para ver el código -->

Vista previa y descarga

64 × 64 px
32 × 32 px
16 × 16 px

Los navegadores modernos aceptan favicon PNG. Usa el de 64px para mejor calidad.

🔒
Tu imagen nunca sale de tu navegador

La generación usa la API Canvas — 100% local. Sin subidas, sin servidores.

Cómo añadir un favicon a tu web

Una vez descargado el PNG del favicon, súbelo a la raíz de tu sitio web (o cualquier ruta accesible) y añade el fragmento HTML en el <head> de tu página. Los navegadores modernos — Chrome, Firefox, Safari, Edge — soportan nativamente los favicon PNG. Para las mejores resultados: usa un icono simple y llamativo que se vea bien en tamaños pequeños. Un emoji o una letra inicial funciona mejor que un logotipo complejo.

Preguntas frecuentes

¿Qué es un favicon y dónde aparece?

Un favicon aparece en la pestaña del navegador, marcadores, historial y a veces junto al nombre de tu sitio en los resultados de Google. Normalmente tiene 16×16 o 32×32 píxeles.

¿Qué formato de favicon usar en 2026?

PNG es la mejor opción para navegadores modernos. Incluye un PNG de 32×32 con <link rel="icon" type="image/png" href="favicon.png"> y un PNG de 180×180 con rel="apple-touch-icon" para iconos de pantalla de inicio iOS.

Mi favicon no se actualiza en el navegador, ¿por qué?

Los navegadores cachean los favicons agresivamente. Prueba abriendo una ventana de incógnito, o añade ?v=2 a la URL del favicon en tu HTML para forzar la recarga.