Herramientas
Generador de favicon
Generador de favicon para tu web
Crea todos los favicon de tu web (16, 32, 180, 192 y 512 px) a partir de una sola imagen.
Suelta una imagen aquí
PNG, JPG, SVG o cualquier formato de imagen; también puedes pegarla
Sobre esta herramienta
El favicon es el pequeño icono que aparece en la pestaña del navegador, en los marcadores, en el acceso directo del móvil y en algunos resultados de Google. Cada sitio lo pide en un tamaño distinto, así que prepararlos a mano lleva un rato. Esta herramienta parte de tu logotipo o de cualquier imagen y genera de una vez los tamaños 16, 32, 48, 64, 128, 180, 192 y 512 px.
Suelta la imagen en el recuadro, haz clic para elegirla o pégala desde el portapapeles. Los favicons se generan al momento y aparecen en una lista con su tamaño y su uso (Apple Touch, Android, PWA). Haz clic en cualquier fila para descargar ese PNG, pulsa «Descargar todos» para bajarlos todos o «Descargar .ico» para obtener un favicon.ico con los tamaños pequeños. Debajo tienes el código HTML para pegar en el <head>.
Todo se procesa en tu navegador con un canvas: la imagen no se sube a ningún servidor. Acepta PNG, JPG, SVG, WebP y cualquier formato que tu navegador sepa mostrar. Si la imagen no es cuadrada, se recorta por el centro, así que conviene partir de un logotipo cuadrado con algo de margen. La herramienta no genera el archivo manifest.json ni cambia colores o fondos.
Preguntas frecuentes
¿Qué tamaños de favicon necesita una web hoy?
Con 32×32 para las pestañas, 180×180 para iPhone y iPad (apple-touch-icon) y 192×192 y 512×512 para Android y las PWA cubres casi todos los casos. El favicon.ico de 16 a 64 px sigue siendo útil para navegadores antiguos y herramientas que lo buscan en la raíz.
¿Dónde pongo los archivos del favicon?
Súbelos a la raíz de tu web (o a la carpeta que prefieras) y pega el código HTML que muestra la herramienta dentro del <head>, ajustando las rutas si los guardas en otro sitio. El favicon.ico suele dejarse directamente en la raíz del dominio.
¿Por qué mi favicon no se actualiza en el navegador?
Los navegadores guardan el favicon en caché durante mucho tiempo. Prueba a recargar sin caché, abrir la web en una ventana privada o añadir un parámetro a la ruta, por ejemplo favicon-32x32.png?v=2.
¿Puedo usar un logotipo rectangular?
Sí, pero se recortará un cuadrado centrado y se perderán los laterales. Para un buen resultado usa la versión cuadrada o el símbolo de tu marca, con trazos gruesos que se entiendan a 16 px.