Como Crear, Poner y/o Cambiar un Favicon?
Favicon (abreviatura del inglés 'favorites icon'), también conocido como icono de página, es un icono asociado a un sitio web o página web en particular. Un diseñador web puede crear este icono y muchos navegadores gráficos pueden hacer uso de él.
Los navegadores que permiten esta función suelen mostrar el icono junto a la barra de direcciones, al lado del nombre del sitio en la lista de favoritos y al lado del título de la página en una inferfaz de navegación en pestañas.
Por lo tanto si nosotros quisieramos agregar un nuevo Favicon (FI) a nuestro Blog o Website, agregariamos entre <head> y </head>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
[Si el Archivo "favicon.ico" se encuentra en el Directorio raíz]
o
<link rel="shortcut icon" href="link.com/favicon.ico" type="image/x-icon"/>
[Si el Archivo se encuentra Fuera del Directorio raíz]
Ahora Veamos como Agregar un FavIcon Animado:
GIF) <link rel="icon" href="/favicon.gif" type="image/gif"/>
PNG) <link rel="icon" href="/favicon.png" type="image/png"/>
Dependiendo del tipo de imagen que deseemos usar, tendremos que tener en cuenta las posibilidades entre tamaño (en pixels) y colores que podemos utilizar:
ICO
Tamaño: 16×16 / 32×32 / 64×64 / 128×128
Colores: 16,256,16 millones
GIF
Tamaño: 16×16
Colores: 256
PNG
Tamaño: 16×16
Colores: Desde 256 a 24-bit.
Herramienta para Generar FavIcon tanto fijos como animados:
No hay comentarios:
Publicar un comentario
Espero que esta entrada haya sido de tu Agrado!
Cualquier consulta deja tu comentario :)