Poner un Favicon (favicono) a tu web

post creado para @enlanubetic

¿Qué es un favicon o favicono?

• Es el icono que aparece en la parte izquierda de la barra de direcciones (URL) en el caso de Mozilla Firefox

• Es el icono que aparece en la pestaña de la web que estamos visitado (Chrome, Firefox etc)

¿Cómo crear un favicono?

• Con cualquier software de edición de imágenes, como Photosop o Gimp.
• Mediante cualquier aplicación on line, como por ejemplo: favicon.cc | genfavicon.net

--------------------------

Formato y dimensiones que ha de tener un favicono

• 16x16, 32x32, 48x48, 64x64 y 128x128. Dependerá del navegador. Pero se aconseja no sobrepasar los 64x64 píxeles.
• El favicono se aconseja que esté en los siguientes formatos de imagen: .PNG, .JPG o .GIF. *Con IE: puede que IE no lea bien el favicono, para lo cual, ponerlo en formato NO estandar: .ICO o .BMP.

--------------------------

Insertar el favicono en BLOGGER

• Una vez que hayas accedido a tu cuenta blogger, ir al menú de DISEÑO.

• Una vez ahí pinchar sobre el menú FAVICON, y darle a editar.
• Añadir el favicono, y dar a guardar los cambios.

--------------------------

Insertar el favicono en GOOGLE SITES (gracias a @pauetc)

Tal y como afirmaba @pauetc en los comentarios, también se puede poner el favicono en Google Sites.

El compañero y colaborador de #enlanubetic, @capileratic, también nos lo explica en su site.

1. Accedemos a nuestro SITES.
   
2. Vamos as la parte superior derecha de nuestro SITES y hacemos click en: Más acciones>Administrar sitio>Archivos adjuntos
   
3. Subimos el favicono en formatos de imagen estándar: .JPG, .PNG, .GIF
4. Renombramos la imagen como:favicon.ico
5. Volvemos al SITES y comprobamos que, efectivamente, se ha subido correctamente el favicon.

--------------------------

Insertar el favicono en cualquier WEB

• Para incluir el favicono en cualquier web, blog... ir a las etiquetas HEAD de la plantilla base de HTLM.

• PARA CUALQUIER EXPLORADOR (excepto IE): Si vuestro favicono sigue los estándares (formatos .PNG; .JPG y .GIF), incluir lo siguiente:

<link rel="icon" type="image/png" href="/images/mifavicon.png"/>




• PARA IE: Si vuestro favicno no sigue los estándares (formatos .ICO y .BMP), incluir lo siguiente:

<link rel="shortcut icon" type="image/x-icon" href="/images/icon1.ico"/>


--------------------------

Fuentes consultadas para la elaboración de este post:

- Kioskea.net

- Favicon Generator.

- Wikipedia - Favicon

- Dynamic Drive

- Favicon.net