Cómo Agregar Un ícono Al Sitio

Tabla de contenido:

Cómo Agregar Un ícono Al Sitio
Cómo Agregar Un ícono Al Sitio

Video: Cómo Agregar Un ícono Al Sitio

Video: Cómo Agregar Un ícono Al Sitio
Video: Como utilizar iconos personalizados en nuestro sitio web mediante fuentes y CSS 2024, Noviembre
Anonim

Cuando abre algunos sitios web junto a sus nombres de dominio en la barra de direcciones, puede ver una imagen pequeña: un icono. La misma imagen se mostrará en la pestaña con la página abierta del sitio en la esquina superior izquierda. Un icono es una especie de logotipo para su sitio, un signo distintivo, por lo que el conocimiento de cómo instalar dichos carteles no será superfluo para un webmaster.

Cómo agregar un ícono al sitio
Cómo agregar un ícono al sitio

Instrucciones

Paso 1

Primero, recuerde que el archivo de icono debe tener la extensión.ico y el nombre favicon, es decir, favicon.ico. En este caso, el tamaño de la imagen debe ser de 16x16 píxeles. Puede intentar dibujar un icono en Photoshop. Por supuesto, lograrás dibujar. Pero para guardar el dibujo en formato.ico, necesita un complemento especial. Colóquelo en la carpeta Plug-Ins / Formatos de archivo ubicada en c: / Archivos de programa / Adobe / Photoshop CS.

Paso 2

Luego, después de haber dibujado el ícono y haberlo guardado en el formato deseado, colóquelo en la raíz del sitio. Por supuesto, no es necesario colocar la imagen allí. Pero luego debes especificar la ruta:

Paso 3

También está permitido utilizar una imagen con una extensión diferente, como

La entrada de texto image /.png

Paso 4

Si su sitio se crea en un motor (por ejemplo, en Wordpress), entonces todo es mucho más fácil: nuevamente, primero copie el archivo con el ícono a la raíz del blog (carpeta public_html). Luego abra su archivo header.php y entre las etiquetas y agregue el siguiente código:

  • Paso 5

    También hay servicios especiales para la creación de iconos. Uno de ellos es un recurso llamado favicon.cc, cuyo enlace se proporciona en la sección Recursos adicionales. Todo lo que necesita hacer es elegir el color deseado y dibujar la imagen deseada. Simplemente guarde su creación y su icono estará listo. Pero también puede convertir la imagen terminada al formato.ico. El servicio favicon.ru ayudará con esto, un enlace al que también se presenta en la sección "Fuentes adicionales". Seleccione la imagen deseada, haga clic en el botón "Crear favicon.ico", luego descargue la imagen resultante.

  • Recomendado: