|
favicon.ico?
Esta vez vamos a hablar un poco sobre
como colocar nuestro logo-marca en la Barra de Direcciones de nuestro
Explorador de Internet, agregando nuestra página en Favoritos.
Esto nos aporta un plus por ej. si tenemos el sitio de nuestro estudio
de diseño o portfolio personal. Veremos de que se trata.
Este elemento es una imagen (icono)
que, con un breve y no demasiado complejo proceso, hará que nuestra
marca aparezca en la barra de direcciones de nuestro explorador (IE 5
o +).
Al mismo tiempo cabe aclarar que en algunos casos el funcionamiento de
estos "iconos favoritos"
son confusos y hasta a veces producen
confusión.
Veremos si con estos pasos poodemos darle algo de consistencia a lo anterior.
Lo Necesario
Algún programa que pueda guardar una imagen en formato .ico
(no sirve que le cambies luego la extensión, existen muchos programas
libres que te guardan la img en dicho formato).
En Softonic
tienes una lista completa de programas libres y compartidos, el Clic
por ej, es gratuito.
Obviamente un editor de páginas web, cualquiera que utilices está
bien y un directorio remoto donde alojes tu sitio.
Un programa ftp para poder subir tu icono a la web al igual que haces
con tus páginas web, imágenes y sitio en gral.
Los Navegadores que soportan estos favicones son usualmente (IE5 y superiores,
Mozilla 0.96 o superiores, Netscape 6.2 o superiores, entre otros).
Primero lo Primero
Tenemos que crear nuestro icono. Éste debe tener estas medidas
16 x 16 pixeles, 16 colores (4 bits), formato .ico, no BMP, GIF o JPG.
En algunos casos ppodemos generar nuestra imagen en un programa de tratamiento
de imágenes por ej. Photoshop, en las medidas especificadas anteriormente
a 72 dpi, copiarla y pegarla en el programa de iconos y luego guardarla
como .ico que es lo que necesitamos.
Con estas características nos aseguraremos de que funcione de primera.
Importante, cuando guardes tu icono debes guardarlo con este nombre "favicon.ico"
en el directorio raíz de tu sitio preferentemente junto a los otros
archivos.
Editando nuestra página
web
Para que se muestre nuestro icono en la barra de direcciones debemos "tocar"
nuestro código en el editor html y lo haremos en nuestra página
principal.
Debemos poner un elemento link entre
las etiquetas <head> </head>
de esta manera:
<link rel="shortcut icon"
href="http://www.tudominio.com/favicon.ico">
Luego de este proceso debemos subir lo realizado on-line a través
del programa FTP (en modo binario, si?).
Aparentemente con este proceso ya estaría todo listo pero bien,
hay que probarlo.
Abre la ventana de tu Explorador y agrega
tu sitio a Favoritos (hasta que no hagas esto la img no aparecerá
en la barra de direcciones). Una vez realizado esto debería aparecer
el icono tanto en la barra como en la lista de Favoritos, si no aparece
haz lo siguiente; cierra la ventana del explorer, abre una nueva y ve
a la lista de Favoritos, en ese momento debería ya aparecer tu
icono en la misma, clickeá tu página, y al hacerlo deberíamos
también verlo en la barra de direcciones.
Otro trucquillo es mantener clickeado el icono del explorer de la barra
de direcciones y arrastrarlo hasta donde está tu url, esto intentándolo
un par de veces debería bastar para poder visualizarlo.
En diferentes navegadores se comportan de diferentes maneras, por ej en
Mozilla aparece directamente.
Si no sale de entrada repite con paciencia los pasos o pregúntales
a tus amigos si ellos lo pueden ver, asegúrate de que tienes un
Explorer que soporte favicones.
Disfrútenlo!!
Autor: Juan R. Pozo
Adaptación: Ariel Burgardt.
Ver más: Favicon>>
|