Cómo Insertar Un Icono En Un Sitio Web

Tabla de contenido:

Cómo Insertar Un Icono En Un Sitio Web
Cómo Insertar Un Icono En Un Sitio Web

Video: Cómo Insertar Un Icono En Un Sitio Web

Video: Cómo Insertar Un Icono En Un Sitio Web
Video: Tutorial #html Como poner un favicon en tu pagina web 2024, Abril
Anonim

El original e interconectado con la temática del sitio, el icono será recordado por los visitantes y les permitirá identificar rápidamente el recurso. Se mostrará a la izquierda del marcador, así como junto a las páginas abandonadas gracias a la búsqueda.

Cómo insertar un icono en un sitio web
Cómo insertar un icono en un sitio web

Instrucciones

Paso 1

Prepare una imagen para usarla como icono. La imagen no debe ser grande y constar de muchos elementos. Trate de ceñirse a formas geométricas simples: círculo, triángulo, cuadrado. Una opción interesante será la abreviatura del proyecto, que consta de 2-3 letras. Si es imposible encontrar una combinación, es mejor usar una imagen temática regular. Pero no sea demasiado pequeño: en un archivo gráfico pequeño, numerosos detalles simplemente se fusionarán, sin darle al visitante la más mínima oportunidad de verlos.

Paso 2

Si el sitio fue creado con páginas html simples, en este caso, use el comando:. Necesita insertarlo, la ubicación no hace una diferencia fundamental. Para agregar una imagen, cárguela en el servidor o utilice el alojamiento de archivos para este propósito. Al elegir el segundo método, debe recordar que tan pronto como la imagen deje de estar disponible en la dirección, el icono ya no se mostrará.

Paso 3

Es mejor instalar un ícono en un sitio administrado por cms creando un archivo separado con la extensión.ico. Debe cargarse en la raíz del sitio utilizando programas especiales, por ejemplo, FileZilla. Entonces necesitas agregarlo al comando. Después de realizar tales acciones, su icono debería mostrarse correctamente en todos los navegadores.

Paso 4

También existe una forma más sencilla de crear una miniatura. Vaya al sitio web https://favicon.ru/ y suba una imagen. Haga clic en "Descargar favicon.ico"; el nuevo documento estará en las descargas. Ahora llénelo en la raíz del sitio y agregue lo siguiente antes de la etiqueta:

Recomendado: