ago
17
2009

Agregar un Favicon a tu web

Crear favicon web

Cómo hacer un favicon para tu pagina web

Se que te has preguntado varias veces como diablos se agrega el favicon a una web, Si me refiero a ese icono que sale a un lado de la barra de titulo de tu navegador, personalizadolo en algunas web. La verdad esto es facil.

Paso 1 Hacer un favicon para tu pagina web


Crea un un icono de 16px x 16px de tu logo o tu imagen favorita.

Paso 2 Agregar un favicon para tu pagina web

Agrega este codigo entre <head> </head>
en el href escribes la ruta del icono recuerda que el archivo es con la extención .ico

Ejemplos aplicando un Favicon en nuestro sitio web

1
<link rel="shortcut icon" href="favicon.ico">


Favicon para Ipod Touch Internet/Safari

1
<link rel="apple-touch-icon" href="favicon.ico" />

Saludos

Related Posts

About the Author: Miguel Angel Ortega Acosta

7 Comments + Add Comment

  • Va que va hagan su lista y mandenla, les hare llegar mi tanda lo mas pronto que pueda jajaja

    Saludos !!!

  • Sip maumas!!
    Es parte de ZoneArt Dar tu tanda!!

  • es verda maumas da algo no? jeje los fritoxs y la pecsi

  • Yo digo que de su tanda de bienvenida el maumas!! Jaja gracias man x tu aporte

  • gracias por el dato Maumas

  • Buen coment Maumas!! Una opcion mas para poner un favicon
    tnks por tu coment!!!

  • Hola que tal !!!

    Bueno comienzo con el comentario de que no necesariamente debe ser un icono puede ser una imagen o animacion -_-

    *.jpg
    *.png
    *.gif

    Es importante que sean de tamaño considerablemente pequeño ya que por standares no todos los navegadores te aceptan.

    Ahhh y se me olvidaba !!! para los que inician si usan el DW (dream weaver)
    pueden tomar una imagen y reducirla al tamaño que gusten para un icono 16 x 16 esta bien, en la parte de sus propiedades veran un cuadrito de imagen con un circulo de reload (Optimizar)

    Nota.- antes hagan una copia ya que no se volvera a resanar la imagen con ctrl + z

    Ahora denle click y tendran una imagen sin pixeles que dañen que dejen borrozas y con la mejor calidad para esos iconos que tanto trabajo cuestan hacer

    jejeje son muchas las ventajas pero ya seria profundizar. Nos vemos!!!

Leave a comment

Patrocinador

Siguenos

Suscribete

Escribe tu correo:

Recibirás un correo con todos los articulos escritos en ZoneArtCss durante el día.

Correo @zoneartcss.com

Obtén una cuenta de @zoneartcss.com gratuita