Favicon (abreviatura de Favorite Icon) es el pequeño ícono que identifica visualmente a un sitio web en los navegadores.
Normalmente aparece en:
- La pestaña del navegador.
- Los marcadores o favoritos.
- El historial de navegación.
- Algunas aplicaciones y resultados de búsqueda.
Ejemplo
Si visitas sitios como:
- YouTube
verás un pequeño ícono junto al nombre de cada pestaña. Ese es el favicon.
¿Para qué sirve?
- Identificar rápidamente un sitio web.
- Reforzar la imagen de marca.
- Mejorar la experiencia de navegación.
- Hacer que el sitio luzca más profesional.
Ejemplo práctico
Si una empresa llamada «NutriFit» tiene un logotipo con una letra N, puede usar esa letra como favicon para que los usuarios reconozcan fácilmente su sitio entre varias pestañas abiertas.
Características
- Es una imagen muy pequeña.
- Generalmente es una versión simplificada del logotipo.
- Debe ser fácil de reconocer incluso en tamaños reducidos.
Formatos comunes
.ico.png.svg
Tamaños habituales
- 16 × 16 píxeles
- 32 × 32 píxeles
- 48 × 48 píxeles
Beneficios
- Mejora el reconocimiento de marca.
- Facilita encontrar una pestaña específica.
- Da una apariencia más profesional al sitio.
Diferencia entre logo y favicon
| Logo | Favicon |
|---|---|
| Imagen principal de la marca | Ícono pequeño del sitio web |
| Puede tener texto y detalles | Debe ser simple y reconocible |
| Se usa en publicidad y diseño | Se usa en navegadores y marcadores |
Ejemplo visual simplificado
[N] MiEmpresa.com
↑
Favicon
En resumen, un favicon es el pequeño ícono que representa a un sitio web en las pestañas del navegador, favoritos e historial, ayudando a identificar la marca de forma rápida y visual.
« Regresar al Indice