miércoles, 4 de junio de 2008

Bradicon!, crea tu favicon de la forma más sencilla

Aplicaciones web así de sencillas tendríamos que tener para todo :-)

Bradicon, es una aplicación web que se encarga de crear un favicon desde una imagen que le indiquemos.

"Favicon: Abreviatura del inglés 'favorites icon', también conocido como icono de página, es un icono asociado con un sitio web o página web en particular."


Wikipedia


Ahora que Google acaba de cambiar su favicon te toda la vida...


Favicon antiguo de Google


...por una g minúscula...


Favicon nuevo de Google


...vamos a crear nuestro propio favicon con Bradicon


Voy a utilizar la imagen que utilizo en la cabecera de JokinSu para realizar la prueba


JokinSu


1. Elegir una imagen que tengamos en nuestro PC (pulsa el boton Browse y elige tu imagen)


Bradicon


2. Mira y sólo mira, como la barra de progueso...proguesa :-)


Bradicon


3. Descarga la imagen cuando aparezca en el tercer paso (pulsa debajo de tu imagen: download)


Bradicon


Listo!!


Se descarga un archivo .ico. Si queremos que se muestre en la barra de direcciones cuando los lectores escriban la dirección de nuestro blog, sigue estas instrucciones:


1. Si tienes Wordpress, normalmente, el favicon estará en:


/wp-content/themes/<tu theme>/favicon.gif


... por lo que si sustituyes este archivo con tu propio favicon no tendrás que hacer nada más.


2. Si no tienes Wordpress o tienes otro código en tu blog o web, sube el archivo .ico a tu web (un consejo, cámbiale en nombre que trae, p.e. favicon.ico)


3. Añade este código HTML en tu página web entre las etiquetas <head> </head>


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


En href indica la ruta hacia el archivo que quieres utilizar como favicon (p.e. si lo subes al directorio raiz de tu web lo enlazarías así: www.jokinsu.com/favicon.ico)


Ojalá todo fuera tan fácil (de todas formas cualquier duda...escribir en los comentarios, ok? ;-) )


Yo ya lo he puesto (lo ves?)



Fuente:Bradicon convierte cualquier imagen en un icono, Bradicon!,


1 comentario:

Archivo