Para empezar vamos a aprender como se hace y como colocar un FavIcon en nuestro sitio web. Pero primero lo primero, ¿que es un FavIcon?
Un FavIcon (Fauvorite Icon) es simplemente un Icono que se situa junto a la direccion de una pagina web. Son esos dibujitos que aparecen cuando guardamos una URL a nuestra lista de favoritos/marcadores.
Ahora si, ¡Manos a la obra!
Paso 1: Diseño del icono
Para diseñar el icono de Multimedius ultilizamos Photoshop aunque puede hacer la misma tarea basicamente en cualquier editor de imagenes. El icono debe conservar las siguientes propiedades:
- 16 x 16 pixeles
- En lo posible fondo transparente (excluyente)
- Extension PNG (luego lo transformaremos en ICO)
Una vez que terminamos de diseñar el Icono lo guardamos a formato PNG (si tiene transparencias) y convertiremos el archivo a .ICO con algun conversor como ConvertIcon. ¡Ojo! No es lo mismo cambiarle la extension al archivo, eso no funciona.
Paso 3: Insertar el codigo HTML en nuestras paginas
Si ya tenemos nuestro archivo .ICO lo subimos a nuestro dominio mediante FTP. Luego editamos nuestras paginas web y agregamos el siguiente codigo dentro de las etiquetas HEAD:
<link rel="shortcut icon" href="http://www.tudominio.com/favicon.ico" > (*)
(* colocar el directorio donde se encuentra el archivo.ICO)
Guardamos y subimos las paginas a nuestro dominio. Si todo salio bien deberias ver tu propio icono en la barra de direcciones de tu navegador.
NOTA: En algunos navegadores como el Internet Explorer puede ocurrir que no aparezca el favicon.
0 comentarios:
Publicar un comentario