Qué es el favicon y como ponerlo en HTML

El favicon es un pequeño icono que identifica un sitio web cuando está abierto en una pestaña o cuando es guardado como favorito.

favicones

El tamaño estándar de este icono es de : 16px * 16px, o 32px *32px

 

Poner favicon en HTML

Este es un ejemplo del código HTML que deberíamos usar, luego explicamos sus partes. Este código tiene que ir en la parte del head de nuestro sitio web, es decir, después de la apertura de la etiqueta <head> y antes de su cierre </head>

 

La etiqueta es <link/>, es una etiqueta vacía y tiene que ir en el <head> de nuestro documento HTML.

El atributo rel es siempre “icon”

El atributo type depende de la extensión de la imagen que queramos poner: png, gif, ico …

El atributo href es la ruta de donde se encuentra la imagen.

 

Diseñar un favicon

Podemos diseñar nuestro favicon con un software de retoque fotográfico como Gimp o de diseño vectorial como Inkscape. Tambien hay algún recurso on-line como el que os dejo a continuación en el que podemos bajar iconos en .png que pueden servir para favicon:

Flat icon

 

 

 

Deja un comentario

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