Cómo crear un archivo Favicon.ico: 5 pasos (con imágenes)

Tabla de contenido:

Cómo crear un archivo Favicon.ico: 5 pasos (con imágenes)
Cómo crear un archivo Favicon.ico: 5 pasos (con imágenes)

Video: Cómo crear un archivo Favicon.ico: 5 pasos (con imágenes)

Video: Cómo crear un archivo Favicon.ico: 5 pasos (con imágenes)
Video: 🚀⚡ Como ACELERAR al MÁXIMO las DESCARGAS de uTorrent SIN PROGRAMAS 2023 💪 2024, Diciembre
Anonim

Cuando visita sitios web como Google, Yahoo o wikiHow, es posible que vea un pequeño ícono a la izquierda de la barra de direcciones. Este icono se conoce como favicon y puede crear uno para su propio sitio web. Además de darle al sitio una sensación profesional, este icono aparecerá en el segmento de marcadores del usuario, junto a los sitios que marcan como favoritos. De esta forma, los usuarios pueden encontrar su sitio más fácilmente.

Paso

Crea un Favicon.ico Paso 1
Crea un Favicon.ico Paso 1

Paso 1. Cree una imagen con un tamaño de 16 x 16 píxeles

Utilice imágenes sencillas para una fácil identificación.

Crea un Favicon.ico Paso 2
Crea un Favicon.ico Paso 2

Paso 2. Convierta la imagen en un archivo "favicon.ico"

El archivo debe tener ese nombre para que el navegador lo reconozca. La forma más sencilla de hacerlo es utilizar el servicio Dynamic Drive FavIcon Generator. También puede utilizar el programa gratuito de edición de imágenes GIMP y guardar la imagen con una resolución de 16 x 16 píxeles en formato ICO.

Crea un Favicon.ico Paso 3
Crea un Favicon.ico Paso 3

Paso 3. Cargue el archivo creado en el sitio web

Crea un Favicon.ico Paso 4
Crea un Favicon.ico Paso 4

Paso 4. Agrega el siguiente código al HTML del sitio web

Debe agregarlo al segmento de código y asegurarse de que la dirección del directorio de iconos sea correcta, según la página web. Aquí está el código que deberá ingresar (asumiendo que los archivos.html y.ico están en el mismo directorio superior / principal):

Crea un Favicon.ico Paso 5
Crea un Favicon.ico Paso 5

Paso 5. Vuelva a cargar la página, eche un vistazo y admire el nuevo y hermoso icono de su sitio web

Consejos

  • Aunque son de tamaño muy pequeño, asegúrese de que las personas puedan leer o comprender fácilmente los iconos utilizados.
  • Si está utilizando el sistema operativo Linux, puede convertir archivos directamente desde su computadora. Seleccione la imagen apropiada, abra un programa de línea de comando (línea de comando), visite el directorio donde está almacenado el archivo de imagen y escriba: convert image-p.webp" />

Recomendado: