Inicia sesión



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.es/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...

Te sugiero seguir leyendo...

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2018-09-01
  • Categorias: Diseño Web Html Noticias Tutorial WebSite

Como Crear Tu Propio Favicon Como Crear Tu Propio Favicon...
Tutoriales en linea
¿Te gusta el tutorial?




Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!