Que es un favicon y como lo creo?
Un favicon es un icono que aparece a la izquierda de la URL de tu pagina en el navegador (Internet Explorer, Mozilla Firefox, Opera, Netscape, Safari, etc). de cada persona que ve tu web.
![]()
Sirve mucho para reforzar la presencia de tu sitio y tu marca.
Generarlo es muy simple, primero creas una imagen usando Adobe Photoshop o Fireworks o el programa que uses para crear las imagenes de tu web.
Por nuestra experiencia te sugerimos tener en cuenta: hacer una captura de pantalla de tu web y pegar la imagen que creaste al lado de tu URL para observar si se ve bien, y crearla de un tamaño no mayor a 16 pixels de ancho, para evitar deformaciones en el segundo paso.
Bien, el segundo paso es ir a http://www.htmlkit.com/services/favicon/ En este sitio, como podrás ver, solo cuentas con un formulario al lado de Source Image: ( que es la imagen que haz creado para tu favicon) donde debes examinar tu PC en busca de la imagen que creaste.
Una vez que la tengas simplemente presiona Generate Favicon.ico y espera a que se cargue la siguiente pagina.
En ella encontraras que tu favicon fue generado y esta dentro de un archivo .zip. Si antes de descargarlo deseas probarlo para ver que tal te quedo, lo mas conveniente es que presiones Test in Browser. Cuando estes conforme, para descargarlo a tu PC solo debes presionar el boton azul que dice Download Favicon.
Una vez que tengas el archivo en tu PC simplemente abrelo usando algun programa como Winzip o Winrar y extrae el archivo favicon.ico a una carpeta de tu PC, que puede ser perfectamente a la carpeta de tu sitio ( para que lo tengas a mano).
Ahora, para hacer que el favicon funcione, o sea, que cada vez que la gente vea tu sitio, la imagen con tu logo aparezca al lado del mismo, tenes que subir el archivo via ftp a una carpeta de tu sitio dentro de public_html o httpdocs.
Luego debes agregar la siguiente linea de codigo entre los tags de <head> y </head> en el codigo HTML de tu sitio en todas las páginas:
<link rel="shortcut icon" href="http://www.misitio.com/favicon.ico" >
Si no sabes como copiar y pegar codigo HTML, haz click aqui por favor para ver algunos consejos.
Bien, sin mas, esperamos tus comentarios por cualquier duda o problema que te plantee este tutorial.
Enlaces relacionados
Tags relacionados
Sin conversaciones. Abri una conversacion sobre este tema!!
Aikido
Brazilian
Defensa Personal
Tai chi chuan
Valetodo
Ipod Iphone
Telefonos
Administracion
Empleo
Emprendedores
Gurues
Mercadeo
Motivacion
Temas Legales
Sony Vegas
Playstation
Trucos
PHP
Dreamweaver
Excel
Flash
Photoshop
PowerPoint
varios
Dietas
Enfermedades
Area de Usuarios
Bases de Datos
Buscadores
Compras
Correo Electronico
Evitando el Spam
Panel CPanel
Panel Plesk
Revendedores
Sobre mi dominio
Solucion de problemas
Subiendo mi sitio
Utilidades
Videos Rhosting
Terminos del Servicio - Politica de Privacidad - Ayuda a tus amigos, recomiendanos! - Contactanos
Todos los articulos de la seccion de Ayuda son Copyleft. Podes reproducirlos citando la fuente.
Producto Rhosting.com.ar- 1999 al 2008 - Resistencia - Chaco Las Malvinas son Argentinas