Agrega un icono de navegador para tu sitio web 


  • Home
  • /
  • Blog
  • /
  • Agrega un icono de navegador para tu sitio web

Seguramente te haz fijado que al entrar a nuestro sitio web así como en muchos otros se ve una imagen al lado izquierdo de la dirección en el navegador, esto es un icono y se muestra en todos los navegadores que lo soportan (cualquier navegador web moderno actualmente).

Si aún no sabes como hacer que se muestre esa imagen en tu sitio web hoy te mostraremos como hacerlo:

Crear un archivo .ico

Es muy sencillo, puedes hacerlo con cualquier editor de imagenes o también puedes convertir una imagén en un icono utilizando la siguiente url:

http://www.convertico.com/

El archivo .ico debe ser de 16×16 pixels o un máximo de 32×32 pixels

Modificar nuestro html

Una vez tenemos listo nuestro archivo .ico solamente debemos inscrustarlo en la cabecera de nuestro sitio web para que los navegadores puedan mostrarlo a nuestros visitantes cuando ingresen a nuestro sitio web.

El codigo es similar al siguiente:

[sourcecode language=»html»]
<link rel="shortcut icon" href="http://rutadelarchivo/favicon.ico">
[/sourcecode]

Comprueba los cambios

Seguramente estarás impaciente para ver el nuevo icono en tu sitio web, solamente deberás cargar tu archivo html modificado vía FTP al servidor, luego, tendrás que vaciar la cache de tu navegador para poder ver el contenido nuevo y actualizado.

Facil no? porqué no lo intentas y nos cuentas cómo te fué!

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>
Success message!
Warning message!
Error message!