Probablemente haya oído hablar del Favicon, pero ¿qué es y por qué debería usarlo? Solía ser que podría estimar la cantidad de marcadores que tiene su sitio web al observar las solicitudes de Favicon que recibió. Ahora, sin embargo, los favicons pueden ser cualquier tipo de archivo, no solo archivos ICO. Los favicones modernos pueden ser imágenes de perfil de redes sociales o iconos de aplicaciones móviles, lo que los convierte en una parte crítica de la identidad visual de sus marcas.
Índice de contenidos
Símbolo
Al diseñar un favicón, tenga en cuenta que la imagen será muy pequeña y no debe contener ningún detalle, sombreado o texturas. También debe ser audaz e instantáneamente reconocible. Algunos ejemplos de grandes favicones son los creados por la diseñadora de joyas Ilaria Bonardi, quien eligió tres puntos como base para su favicon. Otro ejemplo es el Favicon de la Ducknology, que está adaptado de su logotipo y captura el espíritu de la marca. El diseño de un favicón debe ser consistente con el lenguaje visual del resto del sitio web.
El lugar más común que aparece un favicon es en la pestaña de un sitio web. Puede ser un símbolo genérico o una pequeña representación de la marca de sitios web. Un favicon puede mejorar la experiencia del usuario de un sitio web al permitir a los usuarios navegar fácilmente por el sitio sin tener que escribir la URL completa. Además, los favicones aparecen como parte de la lista de sitios web en los motores de búsqueda de escritorio y móviles.
Tamaño
Hay varias formas de aumentar el tamaño de su favicón. Una opción es usar un icono de resolución de píxeles. Sin embargo, la mayoría de los usuarios prefieren el formato de icono clásico. Puede elegir un Pixel Favicon de 16×16 para su sitio web. Un icono de 32×32 píxeles será apropiado para navegadores de escritorio como Internet Explorer y Firefox. Android Chrome y Google TV mostrarán íconos que son 96×96 píxeles.
Para maximizar el tamaño de su Favicon, elija una imagen de 16×16 píxeles. Mantenga los colores y las formas simples. En general, el tamaño del píxel no aumentará el aspecto del Favicon en más de un pequeño porcentaje. Si no puede encontrar un icono de resolución de píxeles para su sitio web, puede usar un logotipo modificado para evitar un problema de resolución de píxeles.
Formato
Cuando crea un favicon para su sitio web, debe asegurarse de usar el formato adecuado para ello. En el pasado, el formato para un favicón era una imagen de 16×16 píxeles que se colocaba en el directorio raíz del sitio. Pero en estos días, los dispositivos modernos tienen una mayor densidad de píxeles, por lo que el texto y las imágenes son más nítidos que antes. Esto significa que sus gráficos deben optimizarse para pantallas de alta resolución, por lo que un favicón de 16×16 píxeles puede aparecer pixelado en estos nuevos dispositivos.
Los archivos ICO y PNG tienen sus beneficios, pero el formato SVG tiene ciertas limitaciones. Si bien los archivos SVG son extremadamente livianos y escalables, no admiten todos los navegadores. Esto significa que su Favicon no se mostrará correctamente en todos los navegadores. Si está utilizando un formato ICO, debe asegurarse de que su icono sea cuadrado, ya que el formato PNG puede acomodar cualquier tamaño, siempre que su cuadrado.
Colocación en el sitio web
The first step in the creation of a favicon for your website is to choose an icon that is appropriate for the purpose. The icon must be small and clear, even at a small size. Because most browser interfaces can display up to 256 colors, the best choice for your favicon is an icon that can be converted to Windows 16 colors. To convert images into favicons, DynamicDrive, otherwise known as the Favicon Generator, is highly recommended. Internet Explorer looks for favicons in the root directory of a website. Place the favicon near the closing /head>etiqueta. Asegúrese de que haya información más importante antes de la etiqueta /cabeza.
Otra gran razón para agregar un favicon a su sitio web es aumentar el reconocimiento de la marca. Este diseño simple puede ayudar a los usuarios a identificar sitios web específicos y se puede agregar a marcadores, archivos de historia y barras de búsqueda. Tener un Favicon en su sitio puede ayudarlo a aumentar su marca y generar tráfico repetido. Esto no solo aumenta el tráfico, sino que también puede aumentar la clasificación de los motores de búsqueda. Puede ganar una tarjeta de regalo de Amazon de $ 15 agregando un Favicon a su sitio web.
Beneficios
Además de mejorar la experiencia del usuario, los favicons fortalecen la identidad de la marca. Son fáciles de crear y se pueden agregar a cualquier sitio web. Crear un Favicon no requiere ninguna habilidad de codificación especial y se puede hacer en poco tiempo. Esta característica es altamente beneficiosa para cualquier sitio web comercial y puede marcar una diferencia significativa para la usabilidad general de sus sitios y la marca. Puede ayudar a aumentar las tasas de clics y la credibilidad del sitio web.
Además de mejorar la experiencia del usuario, los favicons también aumentan el reconocimiento de sus sitios web. La mayoría de los usuarios tienden a ser impulsados visualmente, y las imágenes se perciben más rápido que las palabras. Por lo tanto, los favicones actúan como etiquetas visuales, guiando al usuario a la pestaña correcta. Esto ahorrará innumerables segundos para cada visitante. También es más fácil recordar un sitio web con un Favicon. Por todas estas razones, vale la pena invertir en un favicon para su sitio web.