04-18-2007, 03:33 PM
Introducción
Favicon (Favorites icon), es un icono asociado a una página web concreta. Los navegadores que permiten esta función suelen mostrar el icono junto a la barra de direcciones, al lado del nombre de la página web en la lista de favoritos y en los títulos de las páginas. Estos iconos son de tamaño 16x16 o 32x32, y de extensión .ico.
![[info]](pl_images/pl_info.png)
La extensión .ico es un formato de archivo de imágenes propietario de Microsoft.
MIME type: mage/vnd.microsoft.icon
Más info: Icons in Win32 - MSDN Library
Requisitos:
-> Un manipulador de imágenes png. (en esta guía usaremos imagemagick, pero también puedes usar gimp o similares)
-> Un convertidor png a ico, ya que imagemagick puede leer archivos .ico, pero no escribirlos. (en esta guía usaremos png2ico)
Creando el Favicon:
Lo primero que debemos hacer es instalar los paquetes necesarios:
-| Instalando paquetes |-
Podemos optar por una resolución de 16x16 si lo deseamos.
Finalmente convertimos el archivo png a ico:
-| Convirtiendo imagen |-
Favicon (Favorites icon), es un icono asociado a una página web concreta. Los navegadores que permiten esta función suelen mostrar el icono junto a la barra de direcciones, al lado del nombre de la página web en la lista de favoritos y en los títulos de las páginas. Estos iconos son de tamaño 16x16 o 32x32, y de extensión .ico.
La extensión .ico es un formato de archivo de imágenes propietario de Microsoft.MIME type: mage/vnd.microsoft.icon
Más info: Icons in Win32 - MSDN Library
Requisitos:
-> Un manipulador de imágenes png. (en esta guía usaremos imagemagick, pero también puedes usar gimp o similares)
-> Un convertidor png a ico, ya que imagemagick puede leer archivos .ico, pero no escribirlos. (en esta guía usaremos png2ico)
Creando el Favicon:
Lo primero que debemos hacer es instalar los paquetes necesarios:
-| Instalando paquetes |-
Código:
emerge -av imagemagick png2ico
El siguiente paso es buscar una buena imagen png, para luego transformarla en ico.
Una ves que tenemos dicha imagen (en esta guía la referenciamos como image.png), debemos adaptarla a los requerimientos de los archivos .ico:
-| Modificando imagen png |-
Código:
convert image.png -resize 32x32 favicon.png
Podemos optar por una resolución de 16x16 si lo deseamos.Finalmente convertimos el archivo png a ico:
-| Convirtiendo imagen |-
Código:
png2ico favicon.ico favicon.png
y copiamos el archivo favicon.ico al index de nuestra web.
