Que es un favicon y como se hace

Un favicon es un icono, una pequeña imagen que se puede ver en la mayoría de los navegadores, en la barra de direcciones del lado izquierdo de la dirección de la web en la que estamos ... Un ejemplo, dirige tu mirada a la dirección de este blog y podrás notar una pequeña imagen junto a la url del sitio, esa b anaranjada es el favicon de blogger ...
Como hacer un favicon para tu blog o web:
Es muy simple, todo esto se realiza en unos cuantos pasos sin necesidad de descargar ningún programa especial ni nada de eso, en pocas palabras utilizaremos un servicio online que nos da la posibilidad de hacerlo sencillo y rápido ... Los pasos a seguir:

Seguir Leyendo...

[1] Elegimos la imagen que se convertirá en nuestro favicon, puede ser alguna letra, simbolo,dibujo, etc..

[2] Una vez elegida la imagen la editamos un poco con el programa que mas nos acomode, dentro del programa de edición de imagenes le cambiamos el tamaño original por el de 16×16 pixels ...

[3] Cuando este lista entramos a esta web para subir nuestra imagen a la cual hemos cambiado el tamaño para convertirla en nuestro favicon, al subirla la web por si sola convertirá la imagen a formato ico, y nos dará el código para pegarlo en tu blog o web..Copiamos y pegamos el código que nos proporcionan en nuestra plantilla y eso sera todo, la próxima vez que entres a tu blog podrás observar que ya tienes tu propio FAVICON ... ¿Pero quiero ahorrarme todos estos pasos, que hago? Si no te gusta seguir pasos y lo quieres todo a la mano este sitio es para ti, en ella se recopilan una gran cantidad de iconos para agregar a tu blog totalmente gratis, además de todo puedes subir tu propia imagen o dibujo y en menos de un minuto tendrás el favicon que deseas ... Una vez que hayas elegido el favicon idoneo o creado tu propio favicon, lo descargas a tu pc, en este casi tendrás que subir la imagen a tu servidor, después de ellos solo copias la url del archivo y lo agregas al código que te proporcionaran en MpP ... Lo agregáis a tu plantilla antes del fin de < /Head> y eso sera todo ...



La parte final del código puede ser modificada, si el formato de tu imagen no es jpg solo remplazala por el formato de tu favicon que corresponda ...

0 comentarios :

Publicar un comentario en la entrada

Related Posts with Thumbnails