Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 11 FAVICON en HTML

    Cargado por

    DROSHER Curiosity
    30 vistas9 páginas

    Título original

    11-FAVICON-en-Html

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    30 vistas9 páginas

    11 FAVICON en HTML

    Cargado por

    DROSHER Curiosity

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 9

    Uso de Favicon en Html

    favicon
    Que es..?
    • Es un icono que es utilizado para identificar a un sitio web y suele
    mostrarse en todos los navegadores acompañado con el título de la página
    web.

    Como Surgió..?
    • Fue implementado por primera ves en el navegador Internet Explorer en el
    año de 1999 y luego se convirtió estándar en el año 2000.
    • En sus inicios se trataba de un archivo con extensión .ico pero ahora acepta
    otros formatos de archivo.
    Características de favicon
    • Los formatos que acepta aparte de .ico son: .png, .gif y algunos
    navegadores soportan .jpg.

    • El tamaño que acepta debe ser: 16x16 px , 32x32px , 64x64px y la


    profundidad de color puede ser 8,16, 64 bits.
    Características de favicon
    • La IANA definió en 2003 el tipo MIME image/vnd.microsoft.icon que
    define el formato de imagen ico

    • En 2005, el W3C publicó unos consejos sobre favicons, en las que se


    aconsejaba utilizar el valor icon para el atributo rel (en vez del valor
    shortcut icon que utilizó Internet Explorer hasta su versión 8) e indicar
    los distintos tipos de imagen mediante el atributo type, como en los
    ejemplos siguientes:
    Características de favicon
    <link rel="icon" type="image/png" href="imagen.png" sizes= "48x48">

    <link rel="icon" type="image/gif" href="imagen.gif " sizes= "48x48">

    <link rel="icon" type="image/vnd.microsoft.icon" href="imagen.ico"


    sizes= "48x48" >
    Como crear un favicon
    • Puedes usar un programa de diseño como Photoshop o Gimp, etc.
    • ONLINE podemos usar la siguiente página: http://faviconit.com/es
    o podemos descargar de favicon de
    https://www.freefavicon.com/freefavicons/

    •
    Integrar el archivo ico en html
    <head>
    <link rel="icon" type="image/vnd.microsoft.icon" href="imagen.ico" sizes="48x48">
    </head>

    Donde rel es un atributo de html utilizado en la relación que existe en


    un documento externo con la pagina actual.
    ICON
    Gracias

    También podría gustarte