Creando un icono para tu sitio Web

R Instituto Bemol me di cuenta que los “errores” que reportaba era la falta del archivo favicon.ico y el de robots.txt (a este le tocará en otra ocasión). El archivo favicon es una imagen en formato icono (.ico) que sirve para darle identidad en tu sitio, mostrándose en la barra de direcciones y en los favoritos si agregas el sitio.

Pensaba abrir el logotipo de Bemol y probar si en Fireworks permitía grabar como .ico, pero Fireworks no soporta este formato. Así que abrí el archivo PNG del logo, lo recorté (para dejarlo perfectamente cuadrado) y googleando encontré el sitio FavICon from Pics (“FaviIcon desde imágenes”) que es una maravilla. Sin necesidad de bajar un programa, uno sube una imagen y automáticamente la cambia de tamaño, guarda como .ico y te genera el ZIP (conteniendo el .ico y un readme.txt con instrucciones). Existe la opción de generar un icono animado pero ya se me hizo demasiado ;) .

Teniendo el favicon.ico, se sube en el root del sitio, y se agrega la linea <link rel=”shortcut icon” href=”favicon.ico” > dentro del <head> del HTML y voilá. En el caso de un blog de WordPress, se necesita editar el archivo header.php dentro del folder del tema utilizado y listo (así lo hice en el sitio de ResQ).

Ligas:

Mensajes relacionados:

  1. Para publicar información de tus eventos   Hace algunas semanas, vino a la ciudad de Monterrey una chica cristiana (Ana Laura) invitada por Vértice. En resumen, tiene una voz privilegiada y ha ganado varios reconocimientos en...
  2. Para convertir un video en formato FLV Un amigo (Eron) me pregunto que programa podia usar para convertir unos videos que habia bajado de youtube y/o google en formato .flv (Flash Video)… En Wired encontre una recomendacion...
  3. Algunas utilerias e informacion basicas para la optimizacion de Windows Como parte de una clase que imparti el semestre pasado, los alumnos realizaron el siguiente sitio: http://fit.um.edu.mx/soporte/ que contiene informacion que puede ser muy util… pronto elaborare una lista de...
  4. Listal, excelente sitio para crear tus listas Asi que tienes varios DVDs, peliculas, CD’s y quieres prestarselos a tus amigos. “Y, ¿cuales tienes?”. Precisamente eso me sucedio hoy con un amigo, que de varias que tiene, no...
  5. Parche liberado para proteger tu computadora con Windows "Basta con acceder a un sitio web malicioso con Internet Explorer para infectarse en forma inmediata y autom�tica sin necesidad de interacci�n alguna...." Lee el art�culo completo para saber c�mo...


Publicado el may 31, 2007 en Tecnologia | 1 comentario

1 Comentario

  1. Jorgelig
    may 31, 2007

    Muy buen tip, solo queria agregar que paint aunque guarde .ico en realidad es un bmp y no un archivo icono como tal.

    Pd. Me parece que va un “/” antes del “>” para que quede algo asi:

    Salu2

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>