Comentarios
Un favicon (/ˈfæv.ɪˌkɒn/; abreviatura de icono favorito), también conocido como icono de acceso directo, icono de sitio web, icono de pestaña, icono de URL o icono de marcador, es un archivo que contiene uno o más iconos pequeños,[1] asociados a un sitio o página web en particular.[1][2] Un diseñador web puede crear un icono de este tipo y subirlo a un sitio (o página web) por varios medios, y los navegadores web gráficos lo utilizarán. [Los navegadores que admiten favicones suelen mostrarlos en la barra de direcciones del navegador (a veces también en el historial) y junto al nombre de la página en una lista de marcadores[3]. Los navegadores que admiten una interfaz de documentos con pestañas suelen mostrar el favicón de una página junto al título de la misma en la pestaña, y los navegadores específicos de un sitio utilizan el favicón como icono de escritorio[1].
En marzo de 1999, Microsoft lanzó Internet Explorer 5, que soportaba favicons por primera vez[4]. Originalmente, el favicon era un archivo llamado favicon.ico colocado en el directorio raíz de un sitio web. Se utilizaba en los favoritos de Internet Explorer (marcadores) y junto a la URL en la barra de direcciones si la página estaba marcada.[5][6][7][4] Un efecto secundario era que se podía estimar el número de visitantes que habían marcado la página por las peticiones del favicon. Este efecto secundario ya no funciona, ya que todos los navegadores modernos cargan el archivo del favicon para mostrarlo en su barra de direcciones web, independientemente de que el sitio esté marcado como favorito[6].
Iconos de sitios web gratuitos
Con una tienda online, puede ampliar su gama de productos y llegar a nuevos grupos objetivo de forma fácil y cómoda. Sin embargo, lo ideal es que todo visitante que acceda a su sitio reconozca a primera vista que se trata de “su sitio”. Porque el reconocimiento crea confianza y orientación. Por lo tanto, el diseño de su sitio (incluido el logotipo, el tipo de letra, etc.) debe estar estrechamente alineado con su identidad corporativa. Pero hay otro aspecto interesante que debes tener en cuenta: la pestaña del navegador. A continuación, le mostraré algunos trucos sobre cómo colocar su logotipo como favicon exactamente allí.
Icono del sitio web
Un favicon es tradicionalmente una imagen de 16 por 16 píxeles que se sube y se aloja en un sitio web. Actualmente se puede hacer el archivo más grande dependiendo del programa de diseño web que se utilice, siempre y cuando tengan la misma relación de aspecto, como 48 x 48 o 144 x 144 píxeles,. No importa lo grande que sea el archivo, seguirá mostrándose como 16 x 16 píxeles en la mayoría de las circunstancias.
La mayoría de los creadores de sitios web como WordPress y Wix quieren que el archivo esté en formato JPEG o PNG. Si tu archivo tiene un fondo transparente, asegúrate de guardarlo en formato PNG porque así se transmitirá la transparencia.
¿Por qué se llama “favicon”? Según uno de los primeros ingenieros de Internet Explorer presentes en su invención, “favicon” es la abreviatura de “Favorite Icon” (icono favorito) y su objetivo era facilitar la búsqueda de sitios web en las largas listas de favoritos (o “Favorites”, como se conocían en Internet Explorer).
Además, no siempre se necesita una imagen. También puedes utilizar letras como favicon. Por ejemplo, si el nombre de tu sitio web es MangoBicycles.com, puedes utilizar “MB” en una fuente bonita como favicon. Es mucho mejor tener un favicon basado en una letra que no tener ninguno.
Texto del símbolo de Internet
El lenguaje HTML utiliza códigos especiales para admitir el contenido de símbolos comunes que no se encuentran en los teclados, así como en situaciones en las que el propio símbolo tiene un doble propósito en HTML, como carácter de control y carácter de visualización.
Este enfoque no es fácil de analizar por los ojos humanos en el documento fuente HTML, pero se garantiza que el resultado se mostrará correctamente en la página, mientras que pegar simplemente el texto ya formateado puede no hacerlo.
En las tablas siguientes, verá que cada entrada presenta un número HTML y un subconjunto presenta un nombre HTML. Tanto el nombre como el número funcionan. Algunos símbolos de uso común utilizan un nombre más fácil de recordar para facilitar el desarrollo de HTML -recordar & es más fácil para la mayoría de los desarrolladores web que recordar &.
HTML admite códigos para la mayoría de los símbolos latinos comunes, incluidas las cifras y las letras. Se utiliza un código HTML para un número cuando se muestra el número como número en la página y no como parte de una fórmula.
Los códigos para las letras acentuadas se utilizan más porque no hay garantía de que el símbolo real se muestre correctamente en la página. Dado que el código fuente HTML es analizado por un navegador antes de ser mostrado, y dado que los espectadores individuales de la página web pueden utilizar diferentes tipos de letra y esquemas de codificación dependiendo del idioma por defecto de su navegador, la mejor manera de asegurar la reproducción precisa de estas letras acentuadas es confiar en el número HTML o en el nombre HTML.