Cuando visitas un sitio web como Google, Yahoo o wikiHow, es posible que notes que hay un pequeño ícono a la izquierda de la barra de direcciones. Esto se conoce como favicon y puede crear el suyo propio para un sitio web. Además de darle a su sitio una sensación más profesional, el icono aparecerá en los marcadores del usuario junto a las páginas de su sitio que coloquen en sus favoritas. Esto puede ayudarles a encontrar su sitio más fácilmente.
Pasos
Paso 1. Cree una imagen que tenga un tamaño de 16x16 píxeles
Debe ser una imagen simple, para que sea reconocible al instante.
Paso 2. Convierta la imagen en un archivo favicon.ico
Debe llamarse exactamente así, o el navegador no lo reconocerá. Una forma fácil de hacer esto es utilizar el generador de FavIcon de unidad dinámica. Otra forma es utilizar un editor de imágenes gratuito GIMP y guardar la imagen 16x16 en formato ICO.
Paso 3. Cargue el archivo generado a su sitio web
Paso 4. Agregue el siguiente código al HTML de su sitio web
Debe ponerlo en la sección del código y asegurarse de que la ruta al icono sea correcta, en relación con la página web. El código sigue (asumiendo que tanto.html como.ico están en el mismo directorio superior):
Paso 5. Actualice la página, retroceda y admire el nuevo y hermoso icono de su sitio web
Consejos
- Aunque su icono sea muy pequeño, asegúrese de que otras personas puedan leerlo / entenderlo fácilmente.
- Si usa Linux, puede convertir el archivo directamente en su computadora. Simplemente elija una imagen apropiada, abra su línea de comando, navegue hasta el directorio donde almacena la imagen y escriba: convert picture-p.webp" />
