Cómo agregar un favicon a tu sitio web

22.03.20

Un favicon es un ícono de sitio web. La forma más fácil de agregarlo a la página es poner un ícono con el nombre favicon.ico 16x16 píxeles en la raíz del sitio. O establezca una ruta escribiendo una línea en una sección <head>

<link rel="shortcut icon" href="/images/favicon.ico">

Un icono no es suficiente en las realidades modernas. Pero creo que todas las opciones posibles para el favicon tampoco son inteligentes. Hay tres opciones de iconos en este sitio.

  • usual .ico 16x16
  • para navegadores modernos .png 32x32
  • para apple .png 180x180
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicons/favicon-32x32.png">
<link rel="shortcut icon" href="/images/favicons/favicon.ico">

El código debe agregarse entre las etiquetas <head>.

Un servicio para una generación favicon: https://realfavicongenerator.net/

 

blog comments powered by Disqus