Autor Tema: Tutorial para crear un FAVICON  (Leído 39959 veces)

Desconectado ikun

  • Iniciado
  • *****
  • Mensajes: 1621
Tutorial para crear un FAVICON
« en: 13 de Septiembre de 2005, 08:42:50 pm »
FAVICONES


Suena a taco y de los gordos, pero un favicon no es sino el icono que antecede a la url en muchos sites. En IE para los que seguís navegando con él (y no hacéis ni caso a las sabias y no pocas recomendaciones del pequeño zorrillo :lol:  :lol: ) es el papelillo ese con la e azul que antecede cualquier url.

Estos iconos suelen también aparecer cuando guardamos una página web en favoritos al lado de su dirección.

Esos pequeños iconos de extensión .ICO suelen tener unas dimensiones de 16x16 (lo más normal) y a ser posible y para que funcione bien, lo ideal es que tenga 16 colores (usando la paleta estándar de 16 colores de Windows),  e incluso ya la gran mayoría pueden soportar las siguientes dimensiones 32x32x256.

Recomendación: si queréis que os salga SEGURO, SEGURO, SEGURO…Hacedlo de 16.

¿Cómo creo un favicon?
Lo importante es saber que un favicon debe tener extensión .ico , pero esa extensión la debe aportar el programa con el que lo diseñéis, no cada uno de vosotros poniéndolo como nombre. O sea, que no vale a el logo de nuestro site con formato .png (“logo.png”), cambiarle el nombre manualmente a “logo.ico”…eso es una chapuza enorme. :lol:  :lol:  :lol:  8)

Así pues el programa que os recomiendo, y que yo creo más sencillo de usar es el iconomaker, cuya versión 2.0 podemos encontrar en su web y podemos descargar una versión trial de 15 días de este link

http://www.iconempire.com/free-icon-editor/

Tras la descarga,  lo instalamos y la primera pantalla que nos sale inmediatamente después nos ofrece elegir entre las siguientes opciones.



Ya sabéis16x 16 para que sea de 4bits.

El aspecto  de la pantalla de diseño  es este (sí, ya se que el icono de ejemplo es una caca, pero es eso, un ejempo):



Una vez diseñado y guardado como favicon.ico, lo subís de igual forma que subís cualquier imagen, página o archivo a vuestra página web (por ejemplo con el filezilla y por ftp)

En función de dónde lo guardéis y cómo el script que debemos introducir varía ligeramente pero creo que el groso de los lectores de este minituto captara la pequeña diferencia. En cualquier caso se introduce entre head y head:

<head>
bla, bla, bla...
<link rel="shortcut icon" href="http://tupaginaweb/directorio/nombreicono.ico">
bla, bla, bla....
</head>


La diferencia sería que no lo hubierais metido en ningún directorio o carpeta y ese paso os lo saltáis. O sea,

<link rel="shortcut icon" href="http://tupaginaweb/nombreicono.ico">
Normalmente podréis ver el icono en los navegadores que lo permitan, pero os dejo aquí este link para alguna otra duda, a mi me fue muy útil en su día.

http://www.favicon.net/



Un saludo a todos, Ikun.

Desconectado destroyer

  • Administrator
  • *
  • Mensajes: 15870
  • Si quieres cambiar al mundo, cámbiate a ti mismo
    • cajondesastres.com De todo un poco
FAVICON
« Respuesta #1 en: 13 de Septiembre de 2005, 08:45:17 pm »
gracias amiga, muy bueno.

un saludo

Desconectado Liamngls

  • Iniciado
  • *****
  • Mensajes: 15689
    • Manuales-e
FAVICON
« Respuesta #2 en: 13 de Septiembre de 2005, 10:04:54 pm »
Muchas gracias ikun :)

Lo cerramos y lo subimos a las FAQ :wink:

 

Aviso Legal | Política de Privacidad | Política de Cookies

el contenido de la web se rige bajo licencia
Creative Commons License