Tecnología

Inicio

Cómo obtener una imagen que aparezca junto a una URL

Cómo obtener una imagen que aparezca junto a una URL


El pequeño icono que se muestra junto a la dirección de una página web en un navegador web se llama un favicon, que es la abreviatura para el icono de favoritos. Un favicon es una pequeña imagen en el formato de imagen de la OIC que se guarda en el servidor de la página web y se carga cuando el navegador accede a la página web. Puede añadir un favicon para su sitio web mediante la carga de un archivo de imagen ICO y la adición de una línea de código a las páginas HTML de su sitio web.

Instrucciones

1 Crear la imagen que desea utilizar para su favicon en un programa como Adobe Photoshop, Microsoft Paint, o cualquier otro software de edición de imágenes. Su imagen puede contener color de hasta 32 bits y debe ser un cuadrado que es de 16, 32, 48, 64, o 128 píxeles de ancho.

2 Guardar la imagen en formato de iconos ICO, si es posible. Si su programa de generación de imágenes no es compatible con el formato ICO a continuación, guarde el archivo como un archivo BMP, JPG, GIF o PNG.

3 Navegue por su navegador web para el favicon Generador Dynamic Drive si el archivo no está en formato ICO. Haga clic en Examinar para cargar el archivo de imagen para el generador y, a continuación, haga clic en el botón Crear icono para convertir su imagen a formato ICO. También puede convertir imágenes a formato ICO, utilizando un programa gratuito como Icono de sushi.

4 Sube el archivo ICO al directorio raíz de su sitio web.

5 Abra la página web index.html de su sitio web en un editor HTML.

6 Desplazarse hacia abajo después de la cabecera HTML y pulse Intro para insertar una nueva línea en el archivo.

7 Escriba la siguiente línea de código:

<Link rel = "icono de acceso directo" href = "http://www.example.com/favicon.ico" />

Sustituir el nombre de su sitio web y el nombre de su archivo ICO en la línea de código anterior.

8 Añadir la misma línea de código para cada uno de los archivos HTML de su sitio web.

9 Sube todos los archivos HTML editado al directorio raíz de su sitio web.