Favicon - Guía Rápida

Qué son los Favicon

Originariamente eran un ICOno de las páginas webs FAVoritas que guardaba Internet Explorer 6.

Actualmente se trata de un icono que puede acompañar a una página web y se muestra en la barra de direcciones y/o en la pestaña de la página web según el navegador que se utilice.

Qué formatos soporta

Todos los navegadores soportan el formato .ico con una tamaño de 16x16 píxels.

Algunos navegadores están empezando a utilizar también los formatos GIF y PNG

Compatibilidades

PNG y GIF funionan con Chrome, Firefox, Safari y Opera. Hemos probado en un formato de 64x64px, formatos inferiores también funcionan (aconsejable 16, 32 y 64px cuadrados).

ICO, funciona en todos los navegadores (testeado con IE 8, 9 y 10), hemos probado un formato de 32x32px

Implementación

Para PNG:

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

Para GIF:

<link rel="icon" href="/favicon.gif" type="image/gif"/>

Para ICO:

<link rel="icon" href="/favicon.ico" type="image/x-icon" />

Cómo crear un Favicon

La opción fácil es usar este servicio online en el que subes un PNG, GIF o JPG y te crea un .ico de 16x16 o 32x32: http://tools.dynamicdrive.com/favicon/

Otra opción es utilizar un editor de iconos como el Icon Composer en MAC o en Windows el editor secreto de iconos que viene por defecto Eudcedit (inicio, ejecutar, escribid eudcedit y aceptar) o el Icon Editor o el Image 2 Icon Converter.