Como Crear Tu Propio Favicon

En Este Tutoriales En Linea les informaremos la manera de crear y colocar tu propio favicon o icono en la pestaña del navegador al iniciar tu sitio Web.

Que Es Un Favicon

Un favicon es un pequeño icono que puedes asociar a una página web para mostrarlo junto a la barra de direcciones de cualquier navegador. Los tamaños más comunes para faviconos, según la calidad del icono, son 16x16, 32x32, 48x48, 64x64 y 128x128.


Por lo general podemos encontrar o insertarlo en el archivo header.html, header.php todo depende del sistema de gestion de contenido (CMS) que estes utilizando.

Tienes que ira diseño, templates, HTML... y entrar en el archivo header.html 
de tu diseño predeterminado y entras en las etiquetas y añade:

<link rel="shortcut icon" href="https://tutorialesenlinea.futbolgratis.org/templates/Tutoriales_En_Linea_es/images/favicon.ico">
o 
<link rel="shortcut icon" href="/images/favicon.ico">

Tienes que ser extencion .ico o puede ser webp y los tamaños que se suelen usar son 16x16px.

Si tienes alguna imagen y quieres convertirla en favicon, puedes subirla en las siguientes sitios web:

Ir Al Enlace...

Si el resultado no te da ninguna satisfacción mira este otro sitio web:

Ir Al Enlace....

Yo particularmente tengo un favicon.ico, pero no descarto la opcion de colocar uno animado más adelante... Los favicon animados (webp animados 16x16), se ven en muchas web y foros..

Hay que verificar si va bien en distintos navegadores... Forma de introducir el código entre la etiquetas HTML de nuestro archivo header.html del estilo elegido que tengamos.

- El favicon.webp (16x16) lo colocariamos en la carpeta images que se encuentra en la raiz de tu sitio web.

Visita esta pagina, en ella observaras que tiene la opcion de generar o convertir tu favicon en un favicon animado...etc 

Ir Al Enlace...