Representa tu marca con un ícono de favoritos personalizado.

Un icono de favoritos, o icono de navegador, es una pequeña imagen cuadrada que aparece junto al título de la página en las pestañas del navegador y en otros lugares en la web. Agregar un icono de favoritos personalizado hace el sitio sea fácil de reconocer en un navegador con muchas pestañas o marcadores.

Por defecto, todos los sitios de Squarespace comienzan con nuestro icono de favoritos con forma de cubo. Si lo dejas así, las personas que conocen el icono sabrán que eres parte de la comunidad de Squarespace. Puedes reemplazarlo con tu propia imagen para que se adapte mejor a la marca de tu sitio.

Mira el video

Añadir un icono de Favoritos

Para agregar un icono de favoritos:

1. Abre el panel icono de Favoritos.
2. Arrastra la imagen al cargador de imágenes o haz clic en este para elegir un archivo del equipo.
3. (Opcional) Agrega una versión alternativa de tu icono de favoritos que se muestra a los visitantes cuando ven tu sitio en modo oscuro. No es posible agregar un icono de favoritos en modo oscuro sin agregar primero un icono de favoritos predeterminado. 
4. Después de que se carguen tus imágenes, haz clic en Guardar.

Si tu icono de favoritos no se actualiza de inmediato, te recomendamos borrar el caché de tu navegador y reiniciar el navegador. Los navegadores pueden ser persistentes y aferrarse a los iconos de favoritos almacenados en la memoria caché.

Pantalla de ícono de Favoritos

Tu icono de favoritos se muestra de manera distinta en los navegadores y dispositivos:

• En Safari, el ícono de favoritos aparece cuando haces clic en la barra de direcciones o si abres varias pestañas del navegador.
• Safari puede mostrar tu icono de favoritos con un borde o un color de fondo para garantizar un mejor contraste. Esto puede suceder tanto en el modo claro como en el modo oscuro, dependiendo del brillo y el color de tu icono de favoritos.
• Normalmente, el ícono de favoritos no aparece en los navegadores móviles.
• Tu icono de favoritos puede aparecer junto a tu sitio en los resultados de búsqueda.

Mejores prácticas

Resolución de imagen

Las imágenes los iconos de favoritos funcionan mejor en todos los navegadores cuando tienen un tamaño entre 100px × 100px y 300px × 300px, aunque se muestran a 16px × 16px. Estas son las dimensiones estándar del icono de favoritos. Si bien algunos navegadores permiten archivos de iconos de favoritos más grandes, todos admiten ese tamaño.

Los motores de búsqueda que muestran tu icono de favoritos en los resultados de búsqueda pueden tener sus propios requisitos. Por ejemplo, Google requiere que tu icono de favoritos sea un múltiplo de 48px al cuadrado, como 48x48px, 96x96px, 144x144px y así sucesivamente. Para asegurarte de que tu icono de favoritos se muestre en los resultados de búsqueda, encuentra las recomendaciones del motor de búsqueda para la visualización del icono de favoritos y configura tu imagen para que cumpla con esos requisitos.

Formato de archivo

Recomendamos usar un archivo .png como la imagen del icono de favoritos. No admitimos archivos .ico.

Tamaño del archivo

Los archivos de imagen de favicon no pueden superar los 100 KB.

Favicon de versiones múltiples

En este momento, no se permiten iconos de favoritos de versiones múltiples. Para cargar correctamente un icono de favoritos, utiliza una versión única de la imagen y quita todas las demás versiones del archivo.