[Tutorial] Crear Favicon
Publicado: 07 Oct 2009, 12:07
Esta es otra opción:
El icono debe tener las siguientes características:
* Dimensiones 16 píxeles x 16 píxeles;
* 16 colores (4 bits);
* Formato ICO, no BMP, no GIF, no JPG.
En algunos navegadores puedes usar iconos mayores, con más colores y en otros formatos, pero si quieres que tu icono funcione correctamente, hazlo de 16×16, con 16 colores y en formato ICO.
Cómo hacerlo
Puedes conseguir un editor de iconos y crear tu icono a mano o puedes hacerlo a partir de una imagen con cualquier editor.
Pero sinceramente no te compliques la vida consigue la imagen que desees como “favicon” y utiliza este servicio que ofrece DynamicDrive.
Tan sencillo como subir la imagen y clickear en “Create Icon”.
Modificar nuestro código HTML
Ahora modificaremos nuestro código fuente HTML para que los navegadores muestren el icono en la barra de direcciones. Es muy sencillo, sólo hay que poner un elemento LINK entre las etiquetas y de tus ficheros HTML, por ejemplo:
El icono debe tener las siguientes características:
* Dimensiones 16 píxeles x 16 píxeles;
* 16 colores (4 bits);
* Formato ICO, no BMP, no GIF, no JPG.
En algunos navegadores puedes usar iconos mayores, con más colores y en otros formatos, pero si quieres que tu icono funcione correctamente, hazlo de 16×16, con 16 colores y en formato ICO.
Cómo hacerlo
Puedes conseguir un editor de iconos y crear tu icono a mano o puedes hacerlo a partir de una imagen con cualquier editor.
Pero sinceramente no te compliques la vida consigue la imagen que desees como “favicon” y utiliza este servicio que ofrece DynamicDrive.
Tan sencillo como subir la imagen y clickear en “Create Icon”.
Modificar nuestro código HTML
Ahora modificaremos nuestro código fuente HTML para que los navegadores muestren el icono en la barra de direcciones. Es muy sencillo, sólo hay que poner un elemento LINK entre las etiquetas y de tus ficheros HTML, por ejemplo:
Código: Seleccionar todo
link rel=”shortcut icon” href=”http://daxhordes.org/favicon.ico”