DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB Elaboración de documentos web mediante lenguajes de marcas Favicons.

Presentación del tema: "DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB Elaboración de documentos web mediante lenguajes de marcas Favicons."— Transcripción de la presentación:

1 DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB Elaboración de documentos web mediante lenguajes de marcas Favicons

2 ¿Qué es un favicon? Es un icono con el cual se representa una página web. Esta imagen se muestra en distintos apartados del navegador como en las pestañas abiertas, favoritos, barra de direcciones o accesos directos. Se define en el de la página. Técnicamente un favicon es un fichero.ico que permite albergar en un sólo archivo varias resoluciones 16x16, 32x32 o 64x64.

3 ¿Qué otros formatos se admiten? Todos los navegadores modernos y a partir de IE8 se soportan otros formatos aparte del.ico como.png o.gif Los ficheros PNG en lugar de tener un solo bit de transparencia tiene canal alpha así que da mejor resultado que los.ico o.gif

4 Herramientas de creación El modo más fácil de generar in fichero.ico para nuestra web es generar o adaptar una imagen y luego utilizar una herramienta externa para generarla. Podemos subir la imagen y el conversor nos devolverá una imagen en formato.ico. http://www.favicon.cc/

5 Dispositivos Apple Con la aparición sobre todo de dispositivos Apple con diferentes resoluciones y densidad de pixels ha aumentado el número de favicons que se pueden incluir en la web. http://davidwalsh.name/retina-favicons Site Icon For iPhone and iPad Generator: http://www.pic2icon.com/site_icon_for_iphone_ipad_gener ator.php

6 Ejemplo de uso de favicon Con este código mantendríamos la compatibilidad con todos los navegadores modernos: