¿Como poner imagen junto al título?

Buenos dias a tod@s

Alguien me podría enseñar como se hace para colocar en mis páginas la pequeña imagen que se ve junto al título de la página en la barra de direcciones.

Muchas gracias y un saludo desde Sevilla.

Egabro.
Hola!

Es simple, solo debes crear una imagen no mayor a 32 pixeles de ancho y alto y nombrarla como favicon (no se puede llamar de otra forma). Esta imagen puede ser un icono (favicon.ico) o PNG (favicon.png).

Luego debes subirla a tu web en la raíz del sitio (public_html, por ejemplo).

Saludos!
skaparate he seguido paso a paso tal como me lo has indicado lo he subido al servidor remoto y no veo ningún efecto.

El archivo es de 30 px de ancho por alto le he llamado favicon.png y lo he subido.

¿Quiza falte algo por hacer?

Gracia y un saludo

Egabro
Pueden ser por dos cosas:

1. Tu sitio web aún está en caché, por lo que debes borrar la caché o presionar Control + F5 para recargar el sitio.
2. El navegador que utilizas no soporta png como favicon, por lo que deberías crear un nuevo favicon, pero esta vez con extensión ico. Aquí http://convertico.org/ subes tu archivo png y este sitio lo convierte en ico.
Bien después de haber probado muchas veces lo he conseguido y os dejo el método que he seguido por si o puede interesar.

PARA GENERAL facicon.ico

Vamos a la página http://www.favicongenerator.com

Seleccionamos archivo que contenga la imagen de unos 16 px de alto y ancho. (que previamente hemos confeccionado)

Le damos a Generare Favicon¡

Nos aparecerá nuestro icono, pulsamos sobre el con el botón derecho y guardar imagen y lo guardamos como favicon.ico en el lugar que deseemos, junto con los archivos de nuestra pagina en local.

Subimos favicon.ico al servidor remoto

Nos vamos a <head> y debajo del titulo escribimos
<link rel="shortcut icon" href="favicon.ico" > (Ojo en href= debemos colocar la dirección exacta donde se encuentra nuestro favicon.ico)

Guardamos y subimos al servidor la página que acabamos de modificar.

Y listo.


OBSERVACIONES: En localhost solo veremos el icono si usamos Mozilla Firefox. después en la red ya se puede ver con los demás navegadores, menos con el Opera.

Muchas gracias skaparate

Un saludo.

Egabro
Jajaja, tienes razón, había olvidado la parte de poner el favicon en el head... la costumbre de que los CMS lo hacen por su cuenta me hizo olvidarlo XD