Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 3 de 3

Tema: como poner una imagen para q aparezca en las pestañas del navegador

  1. #1
    Recien Llegado! Merodeador
    Fecha de Ingreso
    18 ago, 12
    Mensajes
    9
    Poder de Reputación
    0

    como poner una imagen para q aparezca en las pestañas del navegador

    Observo que en muchas paginas webs, cuando pones su direccion en la barra de direcciones o linkeas directamente, bien en el explorer, firefox u opera....etc aparece una pequeña imagen en la pestaña del explorador


    Me podría decir alguien como se hace y cual es el formato y tamaño de icono....?


    En espera de respuestas

  2. #2
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    1,522
    Poder de Reputación
    13
    Hola:

    Eso se llama favicon, que en el fondo es el icono para que se destaque en los favoritos (favorite - favorito - icon = favicon).

    El formato de la imagen puede ser PNG, ICO, GIF o JPG, aunque dependerá del navegador. En cuanto al tamaño, este debe ser mayor a 16 x 16 pixeles.

    Luego de tener tu favicon, debes incluir esto dentro del head:

    <link rel="shortcut icon" href="ruta_hacia_el_archivo" type="image/extensión" />

    donde extensión será el tipo de archivo que utilizaste. Por ejemplo, si tu favicon se llama favicon.png, entonces el <link /> quedaría así:

    <link rel="shortcut icon" href="favicon.png" type="image/png" />

    Como dije anteriormente, el tipo (type) dependerá del navegador, pues no todos los navegadores soportan los mismos tipos.

    En Wikipedia hay más información.

    Saludos.

  3. #3
    Recien Llegado! Merodeador
    Fecha de Ingreso
    18 ago, 12
    Mensajes
    9
    Poder de Reputación
    0
    Cita Iniciado por skaparate Ver Mensaje
    Hola:

    Eso se llama favicon, que en el fondo es el icono para que se destaque en los favoritos (favorite - favorito - icon = favicon).

    El formato de la imagen puede ser PNG, ICO, GIF o JPG, aunque dependerá del navegador. En cuanto al tamaño, este debe ser mayor a 16 x 16 pixeles.

    Luego de tener tu favicon, debes incluir esto dentro del head:

    <link rel="shortcut icon" href="ruta_hacia_el_archivo" type="image/extensión" />

    donde extensión será el tipo de archivo que utilizaste. Por ejemplo, si tu favicon se llama favicon.png, entonces el <link /> quedaría así:

    <link rel="shortcut icon" href="favicon.png" type="image/png" />

    Como dije anteriormente, el tipo (type) dependerá del navegador, pues no todos los navegadores soportan los mismos tipos.

    En Wikipedia hay más información.

    Saludos.
    Gracias amigo!! ya lo coloqué!!! muy completa tu explicación!

Temas Similares

  1. poner una imagen en la zona de pestañas
    Por davissbrocen en el foro Foro General
    Respuestas: 5
    Último Mensaje: 10/02/2008, 19:02
  2. La imagen en las pestañas del navegador
    Por Ax3l en el foro Foro General
    Respuestas: 5
    Último Mensaje: 28/06/2007, 11:18

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •