Cómo Insertar Un Icono De Sitio Web

Tabla de contenido:

Cómo Insertar Un Icono De Sitio Web
Cómo Insertar Un Icono De Sitio Web
Anonim

Hay dos formas de insertar una insignia con el logotipo de su sitio web. Uno de ellos consiste en crear un archivo de icono en el directorio raíz y el otro es insertar el código usando un editor especial.

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

Es necesario

  • - editor de gráficos;
  • - bloc de notas.

Instrucciones

Paso 1

Abra el directorio raíz de su sitio. Cree un archivo en él llamado favicon.ico. Este archivo admitirá la visualización del icono de su sitio delante de la barra de direcciones en el navegador.

Paso 2

Si el ícono de su sitio no está listo, créelo usando el programa Adobe Photoshop, luego de descargar el complemento apropiado, u otro editor gráfico que admita trabajar con este tipo de archivo, por ejemplo, Microangelo, QTam Bitmap to Icon, Axialis IconWorkshop. Verifique previamente el trabajo en diferentes navegadores, no solo con respecto a la visualización del icono del sitio en la barra de direcciones, sino también en el directorio "Favoritos".

Paso 3

En la etiqueta de su página, agregue el siguiente código:. En este caso, se mantendrá un enlace a diferentes variaciones de tamaños de imagen, lo cual es bastante conveniente, pero menos confiable.

Paso 4

Aquí puede utilizar tanto el editor de Bloc de notas habitual como programas especiales diseñados para una escritura de código más conveniente, por ejemplo, la utilidad gratuita Notebook, que admite la visualización de la numeración de líneas y sirve como un software bastante conveniente para la edición frecuente.

Paso 5

Cree un icono para su sitio, habiendo pensado en todos sus detalles de antemano. Es mejor decidir de inmediato el diseño y el tamaño (aquí, dependiendo del método para agregarlo, ya que en el primer caso, solo está disponible un archivo con una resolución de 16x16).

Paso 6

También puedes utilizar archivos.atn especiales para Adobe Photoshop, que te permiten crear automáticamente iconos con los efectos deseados, puedes encontrarlos en Internet en foros temáticos o en deviantart.com en la sección “Acciones”.

Recomendado: