Establecer un favicon en HTML
El favicon es el pequeño ícono que se muestra en la pestaña del navegador o en los marcadores. Aunque pequeño, es una parte importante de la identidad de una web.
¿Qué es un favicon?
Un favicon es una imagen pequeña que identifica a un sitio web en la pestaña del navegador, historial de navegación o incluso en las pantallas de inicio móviles. Suele ser una versión simplificada del logotipo.
Agregar un favicon básico
El método más simple es colocar una etiqueta <link> en la sección <head> apuntando a un archivo favicon.ico:
html
<head>
<link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>¿Dónde debe estar el archivo favicon?
La mayoría de los navegadores buscan automáticamente /favicon.ico en el directorio raíz del sitio. Es mejor colocarlo allí, aunque puedes almacenarlo en otro lugar si especificas la ruta con la etiqueta <link>.
Formatos de favicon
Aunque .ico es el formato más común, también puedes usar PNG, GIF, SVG u otros tipos de imagen. Solo asegúrate de que el archivo sea pequeño — típicamente de 16x16 o 32x32 píxeles.
Especificar formatos alternativos de favicon
Si no estás usando un archivo .ico, es buena idea especificar el tipo de archivo usando el atributo type. Por ejemplo:
html
<link rel="icon" type="image/png" href="/favicon.png">Consejos útiles
No olvides vaciar la caché del navegador al actualizar tu favicon. Además, considera crear múltiples tamaños para distintos dispositivos — por ejemplo, 48x48 o 180x180 píxeles para iOS.
Seleccionar idioma
Establecer tema
© 2025 ReadyTools. Todos los derechos reservados.