Generador de Favicons
20-06-2005
Categoría: Favicon: El icono de tu blog en el navegador
Podéis ver en las categorías el post en el que se explica qué son y como se incorporan los favicons al navegador. En este sitio tenéis un generador online de favicons, es decir que cualquier imagen la convierte a las medidas del favicon.
Por Blogum | Comentarios (1) |
Referencias (2) | Añadir a: 
Del.icio.us | 
Menéame | My Web | Blinklist
Del.icio.us | Menéame | My Web | Blinklist
|
Diseñado con plantilla de 
Hola, un saludo.
El site que recomendaste me ha sido útil.
Pero, ante todo muchas gracias, primero por tu prontísima respuesta a mi e-mail. Como ya te dije, más bien parecía un chat. En segundo lugar, por tu ayuda en las aclaraciones que me permitieron terminar de colocar un favicon en mi bitácora El guardián del faro (guardafaro.bitacoras.com).
Si no te importa, voy a utilizar esta sección de comentarios para poner, en mis palabras, los pasos y una breve explicación para que alguno de tus lectores no pase por el problema que yo pasé. Es decir, que trataré de explicarlo en forma tal que, hasta yo mismo pudiera entenderlo.
1.- Yo utilicé el Picture-It Photo 7.0 (que suele venir con Windows) para hacer un sencillo fotomontaje con dos fotografías y obtener lo que sería el icono personal de mi weblog.
2.- Entré en la página web de FavIcon From Pics que tu recomendaste y seguí las instrucciones, que consisten en cargar la imagen.
3.- Favicon genera, on-line, una vista previa. Si uno está de acuerdo, la baja.
4.- Se genera un archivo .zip que se descarga en el escritorio (o en donde lo tengas determinado en tu Firefox). Al descomprimirlo saldrá un icono (que por defecto denominan favicon.ico), un archivo de texto ReadMe y una foto del icono, llamada prewiev_16x16.png que puede ser editada, precisamente, con el Picture-It Photo.
5.- Subí el favicon.ico (después de renombrarlo faro.ico) a la bitácora por medio del Administrador. Se recomienda colocarla en el Directorio Raíz (ese en donde se encuentran los archivos menu.bit, index.bit, enlaces.xml y demás). Luego explicaré por qué razón.
6.- El archivo ReadMe.tex contiene la etiqueta (tag) HTML “” (sin las comillas externas), que coloqué en el archivo index.bit en algún lugar entre " y ".
7.- Las instrucciones indican que, donde dice “favicon.ico” debe sustituirse por la ruta URL (referencia) en donde se ha archivado el icono. Es decir, para alguien con una bitácora llamada "perrotriste" alojada en bitacoras.com, sería href=”perrotriste.bitacoras.com/faro.ico” Yo lo hice así, pero no entendí que hacer con la otra parte de la etiqueta, el rel=”shorcut ico” que cambié por otras cosas. ESTO NO DEBE CAMBIARSE. NO LO TOQUEN.
8.- Después de esto, voila, aparece el icono en la barra de dirección del navegador. Se vuelve a la página de FavIcon From Pics y se continúa con la validación del icono generado. Ellos chequean on-line y informan que, en efecto aparecen el favicon.ico y el link-tag correspondiente. Pero si no se coloca el icono en el directorio raíz, sino en una carpeta de imágenes, FavIcon emitirá el siguiente mensaje: Notes: This page has a valid favicon.ico but it does not use a favicon link tag ( or ). Although this is not a problem, the favicon link tag is likely to be more compatible with upcoming browser versions.
Y a disfrutar.
Gracias por todo, y espero que esto ayude.
Alfredo.
.