Tip Web | Crear y colocar un FavIcon
El Favicon del inglés favorites icon (icono de favoritos), es esa pequeña imagen icono que acompaña el titulo de una pagina web, ya sea al agregarla en los marcadores, en las pestañas del navegador o en la barra de direcciones, que hace identificarlo de los demás graficamente.
Ejemplos de uso de Favicon en paginas conocidas:
Puede servir para saber que pestaña queremos abrir, si es que tenemos muchas abiertas y no se ve el titulo.
En este ejemplo en el administrador de marcadores se puede identificar de manera escrita y gráfica la pagina a la que hace referencia.
Crear favicon.ico
Antes de todo debemos de crear nuestro .ico para esto existen aplicaciones como FavIcon Generator que nos facilitaran la tarea.
Colocar Favicon
Una vez generado lo subiremos al servidor en la carpeta raíz (en donde se encuentra el index), es necesario dejar el mismo nombre con el que se creo 'favicon.ico'
Por ultimo iremos al codigo HTML y añadiremos la siguiente linea entre las etiquetas
Ahora solo hace falta esperar un momento (por cuestiones del servidor) y después recargar la pagina. Listo.
¿Tienes algún problema sobre esto?, no dudes en dejar un comentario.
Ejemplos de uso de Favicon en paginas conocidas:
Puede servir para saber que pestaña queremos abrir, si es que tenemos muchas abiertas y no se ve el titulo.
En este ejemplo en el administrador de marcadores se puede identificar de manera escrita y gráfica la pagina a la que hace referencia.
Crear favicon.ico
Antes de todo debemos de crear nuestro .ico para esto existen aplicaciones como FavIcon Generator que nos facilitaran la tarea.
Colocar Favicon
Una vez generado lo subiremos al servidor en la carpeta raíz (en donde se encuentra el index), es necesario dejar el mismo nombre con el que se creo 'favicon.ico'
Por ultimo iremos al codigo HTML y añadiremos la siguiente linea entre las etiquetas
<head> </head><link rel="shortcut icon" href="/favicon.ico" /> Ahora solo hace falta esperar un momento (por cuestiones del servidor) y después recargar la pagina. Listo.
¿Tienes algún problema sobre esto?, no dudes en dejar un comentario.
Comentarios
Publicar un comentario