Qué es el Favicon y cómo crear uno

Qué es el favicon y cómo hacer uno

Al abrir un sitio web en una nueva pestaña, aparece una imagen en el navegador, junto al nombre de la página. Esta pequeña imagen se llama favicon y, aunque muchas veces se olvida, es un elemento importante para cualquier página.

El favicon es la imagen que se muestra en las pestañas del navegador, los resultados de Google y también en los marcadores e identifica la página

Estas imágenes suelen ser logotipos que representan a una página. Este icono aparece en las pestañas y en los marcadores, cuando se agrega a favoritos. Desde hace un tiempo, también aparecen junto al título y la URL en la página de resultados de Google.

El favicon tiene unas dimensiones cuadradas. Habitualmente suelen medir 16×16 o 32×32 píxeles. Para el favicon se utiliza siempre el mismo logotipo de la página web, el logotipo de la marca o bien una variación del mismo. También se consideran favicon los iconos que aparecen en las apps de iOS y Android, y que tiene un formato diferente, pero cumplen una misma función.

Su tarea principal es identificar una página, lo que mejora la experiencia de usuario, que es uno de los principales factores de posicionamiento SEO. Cuando un usuario navega por Internet, lo más normal es tener varias pestañas abiertas. Es muy importante que, de un solo vistazo, pueda identificar cada pestaña. Es por esto que es un elemento tan importante.

También se muestra en la barra de marcadores. Cuando un usuario guarda una página en favoritos, el icono se muestra junto al nombre. Este elemento contribuye mucho a mejorar la imagen corporativa, ya que transmite la marca y se queda siempre con el usuario.

Desde un tiempo a esta parte, se ha convertido en un elemento imprescindible. Debe ser un elemento representativo o identificativo de la página, ya sea el propio logotipo o una variación del mismo. Por ejemplo, si una página se llamase «El Lápiz de Juan» y el logo fuera un lápiz junto al texto, para el favicon se utilizaría solo el lápiz. Ya que debe ser fácilmente identificable, es imprescindible que conserve los colores corporativos de la marca.

Existen diferentes formas de crear uno. Se puede realizar a través de Photoshop, Illustrator o GIMP, creando un archivo de 32×32 y guardando el resultado en un archivo «.ico».

También existen herramientas online que permiten crear un favicon fácilmente y que no requieren de conocimientos en diseño. Algunas de estas aplicaciones permiten crear el favicon desde cero, por ejemplo favicon.io o x-icon editor. Otras herramientas, como Favic-o-matic o Favicon Generator, editan una imagen para ajustar el formato y tamaño y convertirla en un favicon.

WordPress también permite crear favicon. Desde el menú de WordPress, en «Apariencia»>«Personalizar», permite al usuario cargar una imagen y utilizarla como favicon. WordPress, además dispone de plugins para la creación de un favicon.

Jaume Vicent

Redactor y especialista en SEO y marketing de contenidos. Friki de las redes sociales y de las nuevas tecnologías.

    Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    Información sobre protección de datos

    • TreceBits te informa que los datos de carácter personal que nos proporciones rellenando el presente formulario serán tratados por Manuel Moreno Molina (TreceBits) como responsable de esta web.
    • La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es para gestionar los comentarios que realizas en este blog.
    • Legitimación: Consentimiento del interesado.
    • Como usuario e interesado te informamos que los datos que nos facilitas estarán ubicados en los servidores de HOST EUROPE IBERIA S.L.U. (proveedor de hosting de TreceBits. HOST EUROPE IBERIA S.L.U. está ubicado en UE, en España un país cuyo nivel de protección son adecuados según la Comisión de la UE. Ver política de privacidad de HOST EUROPE IBERIA S.L.U.
    • Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en info@trecebits.comasí como el derecho a presentar una reclamación ante una autoridad de control.
    • Puedes consultar la información adicional y detallada sobre Protección de Datos en nuestra política de privacidad.