Hola Azahara26-12
Que editor web usas? si usas dreamweaver tiene la funcionalidad de imagenes de sustitucion o creo que le dice rollover en la version ingles
, te lo hace practicamente solo, puede ser cualquier formato de imagen pero es recomendable que sea gif porque son mas livianas, inclusive podes poner como segunda imagen un gif animado y queda muy bueno...
Para eso fijate en la barra "comun", fijate entre las opciones de imagen tiene una que se llama "imagen de sustitucion", te da los recuadros para imagen original (la que se ve cuando no esta el mouse encima), imagen de sustitucion (la que muestra cuando pones el mouse encima) y la opcion para que le pongas el enlace a donde tiene que ir cuando clican....
Si no usas dw buscamos algun script en javascript, que es la unica opcion de hacerlo, con html solo no se puede...
Saludos