Un icono de un sitio o, como se le llama más a menudo, un icono es lo que puede ver en la esquina junto al nombre de la pestaña en el navegador. Además, el icono se muestra frente al nombre del sitio en la lista de "Favoritos", también puede verlo cuando el motor de búsqueda muestra su sitio en los resultados de búsqueda.
Es necesario
- - logotipo del sitio,
- - Photoshop,
- - convertidor de favicon.
Instrucciones
Paso 1
Abra el logotipo de su sitio web en Adobe Photoshop. Si no hay logo, puedes tomar cualquier otra foto, solo es importante que esté asociado a tu sitio. Procese la imagen eliminando todos los detalles innecesarios y ahora reduzca su tamaño a 32 o 16 píxeles en cada lado. Luego guarde la imagen como un archivo gráfico.png
Paso 2
Lo mejor de todo es que si termina creando un archivo con una resolución de 32x32 píxeles, ya que los usuarios a veces guardan los accesos directos de los sitios que les gustan en el "Escritorio", y las imágenes de 16x16 píxeles no se ven lo suficientemente detalladas. Sin embargo, tenga en cuenta que en el navegador su icono seguirá escalado a 16x16 píxeles, estas son las imágenes que se muestran en los Favoritos y en el título.
Paso 3
Ahora necesita convertir la imagen a un archivo ico. Esto se puede hacer usando un complemento para Photoshop o usando un servicio de Internet gratuito, por ejemplo, https://favicon.ru/. Hay muchos complementos y servicios, funcionan casi de la misma manera, por lo que no tiene sentido asesorar a ninguno en específico. Estos sitios se denominan generadores de favicon.
Paso 4
Cambie el nombre del archivo resultante a favicon.ico.
Paso 5
Ahora vaya al panel de control de su sitio y busque el directorio raíz donde se encuentra la primera página. Suele ser index.html u otro archivo que genera el sistema de gestión de contenido. Puede que ya exista un icono llamado favicon.ico. En este caso, elimine el icono anterior y reemplácelo con el suyo.
Paso 6
Si el directorio raíz no está disponible para usted, así como en esos casos, si escribió el código del sitio usted mismo, debe editar todas las páginas del sitio en las que debería aparecer el icono. Abra la página en un editor y agregue una entrada en la sección del encabezado
Paso 7
Si el icono no se encuentra en el directorio raíz, sino en otro lugar, en el parámetro href escriba la ruta completa del archivo.
