El favicon, o icono de navegador, es una pequeña imagen cuadrada que aparece en las pestañas, marcadores y otros lugares del navegador.
Tener un favicon personalizado ayuda a que tu web sea reconocible cuando el usuario tiene muchas pestañas abiertas.
Ya había tratado este tema en otro tip sobre favicon en Squarespace, pero merece la pena dejarlo bien ordenado.
Cómo añadir un favicon en Squarespace
En Squarespace, entra en:
Diseño > Logotipo y título
Después busca la sección Icono de navegador (Favicon) y sube tu imagen.
Guarda los cambios y revisa que el icono aparece correctamente.
Recomendaciones
Resolución de imagen
Es recomendable que el favicon sea cuadrado y tenga un tamaño entre 100 x 100 px y 300 x 300 px.
Aunque se muestre muy pequeño, conviene subir una versión limpia y reconocible.
Formato de archivo
Puedes usar .ico o .png.
El formato .ico era más compatible con navegadores antiguos, pero .png funciona bien en la mayoría de casos actuales.
Tamaño de archivo
El favicon debe ser ligero. Intenta no superar los 100 KB.
No necesitas una imagen compleja. De hecho, cuanto más simple sea, mejor funcionará en tamaños pequeños.
Un detalle pequeño, pero visible
El favicon no cambia el rendimiento de tu negocio, pero sí suma coherencia visual.
Es uno de esos detalles que conviene cuidar junto al logotipo, los colores, las imágenes y el atributo ALT.
Si quieres revisar los detalles visuales y técnicos de tu web en Squarespace, puedes escribirme a ajra@ajra.es.