Icono en barra de navegación

ylellan · #1 (**permalink**) 27/01/2015, 19:25

Bueno amores, como el titulo lo dice, quiero saber como ponr un icono en la barra de navegacion, quiero poner un icono bonito para mi pagina pero no se como, he visto en internet que se puede con:

Código HTML:

Ver original<link rel="icon" type="image/png" href="/images/mifavicon.png" />

pero no se si funciona, espero me ayuden

PHPeros · #2 (**permalink**) 28/01/2015, 08:53

Código HTML:

Ver original<link rel="shortcut icon" type="image/png" href="/images/mifavicon.png">

Para que funcione debe estar metido entre las etiquetas <head> y </head> de tu documento.

fede5426 · #3 (**permalink**) 28/01/2015, 12:08

Si tu imagen es muy grande podes usar esta web para generar un favicon a partir de cualquier imagen, o bien crearlo directamente en la misma pagina.

Para crearlo solo dibujas y despues le das a "Download Favicon"

Para usar una imagen que tengas en tu PC, le das al boton "import image" seleccionas el archivo y haces click en el boton Upload. Esperas que cargue y despues lo descargas con el boton "download favicon".

Los archivos se descargan en formato ".ico" por lo tanto para enlazarlo con tu pagina el codigo seria diferente al que te pasó PHPeros, seria asi:

Código HTML:

Ver original<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

Aunque si no me equivoco (no estoy seguro) ahora podes obviar el atributo "type" y poner solamente:

Código HTML:

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

ylellan · #4 (**permalink**) 05/02/2015, 11:12

muchas gracias amores, un beso