favicon: ¿cómo hacer el nuestro?

11 junio 2007 at 1:33 pm Deja un comentario

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)  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 16×16 (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. xD

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://free-icon-editor.com/

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”&gt;
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”&gt;
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 saludín,

Aik

Anuncios

Entry filed under: reflexiones personales.

Asi entiendo yo el amor Mis felicitaciones a los de TVE

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Trackback this post  |  Subscribe to the comments via RSS Feed


¿Quién está detrás?


Soy Aik, tengo 30 años y vivo en Madrid. Tras años en foros y webs monté mi blog El mundo de Aik y mi tienda online bababux.com
Twitteadora empedernida y ahora instagramera, escribo sin presiones y a mi ritmo de lo que me gusta.

¿Te gusta la moda y los accesorios? Conoce mi tienda

Escribe tu dirección de correo electrónico para suscribirte a este blog, y recibir notificaciones de nuevos mensajes por correo.

Únete a otros 176 seguidores

Archivos


A %d blogueros les gusta esto: