Guía favicon: todo sobre iconos de página
•
0 gefällt mir•2,130 views
Como agregar un icono de favoritos para tu sitio web
Empfohlen
Weitere ähnliche Inhalte
Ähnlich wie Guía favicon: todo sobre iconos de página
Ähnlich wie Guía favicon: todo sobre iconos de página (20)
Mehr von Jorge Llanten
Mehr von Jorge Llanten (20)
Guía favicon: todo sobre iconos de página
- 1. FAVICON Un favicon, del inglés favorites icon (icono de favoritos), también conocido como icono de página, es una pequeña imagen asociada con una página o sitio web en particular. Los navegadores gráficos suelen mostrar el favicon de la página visitada, si ésta lo posee, en la barra de direcciones y en el encabezado de la pestaña correspondiente. Asimismo los utilizan para identificar más fácilmente las páginas, presentándolos junto a sus respecti- vos títulos, en las listas de marcadores o favoritos, en los historiales de páginas visitadas y de navegación reciente, y toda vez que deban hacer referencia a ellas. Este archivo era anteriormente solo en formato ICO y de 16x16 pxl., hoy en cambio podemos realizar iconos de mayor tamaño y en formato GIF, JPG o Detalle del favicon de la página PNG. de Wikipedia Tambien encontramos diversas aplicaciones y sitios web en donde podemos realizarlos ej: www.favicon.cc Este código se inserta en el codigo HTML entre <head> y <head/> En el sistema operativo de Apple iOS tambien tiene su propio codigo que podemos colocar despues de este en el cual podemos agregar iconos cuando se guarden las páginas en el dispositivo. (iPod, iPhone o iPad). También se puede especificar si el icono es grande para ser visto en panta- llas con retina display. Icono de acceso a página en iOS <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> Agregar favicon en formato .ICO <link rel="shortcut icon" href="favicon.gif" type="image/gif" /> Agregar favicon en formato .GIF <link rel="shortcut icon" href="favicon.png" type="image/png" /> Agregar favicon en formato .PNG <link rel="shortcut icon" href="favicon.jpg" type="image/jpeg" /> Agregar favicon en formato .GIF <link rel="apple-touch-icon" href="apple-touch-icon.png" /> Agregar icono para iOS <link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" /> Agregar icono en iOS para pantalla normal <link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />Agregar icono en iOS para pantalla retina display Realizado por Jorge Llantén B. para www.j2.cl